/*  ----------------------------------------------------------------------------------------------------------------------------------------------  */
/*  ------------------------------------------------------------------------------------- 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 {
    background-image: url('../images/bg-banner-smartland.jpg');
}


#body .content {
    padding: 0 0;
}




h1 {
    padding: 40px 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#footermenu {
    float: none;
    }
ul#footermenu li {
    width: 100%;
    }
a#footerlogo {
    float: none;
    margin: 40px auto;
}


table.projectstats{
    width: 460px;
    display: block;
    overflow: auto;
}


section.team .imgholder{
    margin: 0 0 20px;
    width: 100%;
    }

section.team article{
    float: none;
    width: 100%;
    }

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