ul#horiznav, #horiznav ul{/*remove the bullets from the dropdown ul as well*/
margin:0;
padding:0;
list-style-type:none;
height:40px
}

#horiznav li{
float:left;
width:152px;
position:relative/*set position:relative as the start point for absolutely positioning the dropdown*/
}

#horiznav li a{
display:block;
width:200px;
line-height:40px;
padding-left: 10px;
text-align:left;
color:white;
text-decoration:none;
background-color:#3664b1;
border:1px solid white
}

#horiznav li a:hover{
color:#e1cb13
}

#horiznav li ul{
display:none;/*hide the dropdown*/
position:absolute;/*position it absolutely..*/
left:0;/*...align the left edge with the left edge of the parent li...*/
top:40px/*...and 32px down from the top - 30px height + 2px for the border*/
}

#horiznav li:hover ul {
display:block/*display the ul when the parent li is hovered*/
}

#horiznav li ul a{
background-color:#22ad9e/*give the dropdown a different background colour*/
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 10;
}

li a {
    display: block;
    width: 400px;
    background-color: #ffffff;
}
#content-desktop {display: block;}
#content-mobile {display: none;}

@media screen and (max-width: 1100px) {

#content-desktop {display: none;}
#content-mobile {display: block;}

}