/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
    nav{
        float: right;
    }

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {




}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    header{
        width:100%;
    }
    .headboard {
        margin: 0;
    }
    .logo{
        display: block;
        margin: 0 auto;
    }
    nav{
        float: none;
        display: block;
        font-family: helvetica, arial;
        clear: none;
        padding: 10px;
        background: url('img/footer-bg.png') repeat;
        color: #ccc;
}
    nav div{

    }
    nav div ul{

    }
    nav div ul li{
        display: block;
        font-size: 25px;
        font-family: 'open sans';
        padding: 20px;
        border-bottom: 1px solid #555;
}
    nav div ul li:after{
        content: " »";
    }
    nav div ul li:last-child{
        border: none;
    }
    nav div ul li:hover{
        padding-left:30px;
    }

    .home-social{
        display:none ;
    }


}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}