#toggle{
    display:none
}
@media screen and (max-width:40em){
    .js .nav-collapse{
        clip:rect(0 0 0 0);
        max-height:0;
        position:absolute;
        display:block;
        overflow:hidden
    }
    #nav ul li { display: block; width: 100%; }
    .nav-collapse{
        top:0;
        width:100%;
        position:relative
    }
    .nav-collapse.opened{
        max-height:9999px
    }
    .nav-collapse a:hover{
        background:transparent
    }
    .nav-collapse .active a:hover{
        color:#fff;
        background:rgba(0,0,0,.3)
    }
    #toggle{
        -webkit-touch-callout:none;
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
        display:block;
        width:70px;
        height:55px;
        float:right;
        text-indent:-9999px;
        overflow:hidden;
        background: url("../img/icons/hamb.png") no-repeat;
    }
}