/* horizontal menu for desktop screens */

/* HEADER */
div.header{
    background-color: darkcyan; 
    min-width: 980px;
}

i#iMenuBars{
    display: none;
}

#logo{
    height: 30px;
    padding: 10px 10px;
    float: left;    
}

/* menu */
ul#menu-content, ul#footer-content {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: darkcyan;
}

ul#menu-content li{
    float: left;
    height: 50px;
    padding: 0;
}

ul#menu-content li:last-child{
    float:right;
    background: green;
}

ul#menu-content li a{
    display: block;
    color: white;
    text-align: center;
    padding: 20px 25px;
    text-decoration: none;
}


li:hover{
    background: #666;
    color: white;
}


/* --- FOOTER --- */

div.footer{
    background-color: darkcyan;
    position: fixed;
    bottom: 0px;
    width: 100%;
}

ul#footer-content{
    width: 350px;
    margin: auto;
}

div.footer ul li{
    float:left;
    padding: 10px;
    text-align: center;
}

div.clear{
    float: none;
    clear: both;
}