/*  ----------------------------------------------------------------------------------------------------------------------------------------------  */
/*  ------------------------------------------------------------------------------------- For landscape smart phones (480 wide - 20 for scrollbar)  */
/*  ----------------------------------------------------------------------------------------------------------------------------------------------  */



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

body {
    font-size: 11pt;
    letter-spacing: -0.25px;
}

.content{
    width: 460px;
}

header, 
#menubar,
#menubar .content {
    height: 78px;
}

a#logo {
    left: 0;
    top: 0;
}

nav {    
    right: 10px;
}

#navbtn {
    margin: 10px 0 0;   
    height: 58px;
    }

ul#menu {
    top: 68px;
}





h1 {
    padding: 0 0 20px;
    font: 300 28pt/90% 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    }
h1 span {
    font-size: 13pt;
}

h2 {
    font: normal 23pt 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

h3 {
    font: normal 16pt 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

h4 {
    font: bold 13pt 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}


p.emphasis {
    font: 300 15pt/130% 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
}


ul.roxgal li{
    width: 190px;
}


footer .content{
    padding: 10px;
}
ul#footermenu {
    float: none;
    }
ul#footermenu li {
    width: 100%;
    }



    
/*  ---end---  */
}