/*  ----------------------------------------------------------------------------------------------------------------------------------------------  */
/*  --------------------------------------------------------------------------------------------------------- For portrait smart phones (320 wide)  */
/*  ----------------------------------------------------------------------------------------------------------------------------------------------  */



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

.content{
    width: 320px;
}

header {
    height: 215px;
    background-image: url('../images/bg-banner-smartport.jpg');
}

a#logo {
    top: 10px;
    width: 200px;
    height: 55px;
    background-image: url('../images/bg-logo-smallest.png');
}

nav {    
    position: absolute;
    top: 44px;
}


article.homesnippet {
    padding: 0 0 20px 0;
    }
article.vision,
article.strategy {
    background-image: none;
   }






form.basicform{
    padding: 8px
}


table.projectstats{
    width: 320px;
 }


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