.burger{
    position: fixed;
    top: 5px;
    right: 5px;
    cursor: pointer;
    margin-top: 8px;
}
.burger span{
float: left;
    margin-top: 6px;
}
#wrapper{
    margin: 50px auto;
}
#main {
    min-height: 400px;
}
#header nav{
    width:100%;
}
@media screen and (max-width: 420px){

    #main,
    #footer .inside{
        max-width: 90%;
    }
    #footer .inside{
        background: none;
        background-color: transparent;
    }
}
@media screen and (min-width: 421px){
    #wrapper{
        width: 90%;
    }
    #header {
        height: 400px;
    }

}
@media screen and (max-width: 767px){
    .mod_navigation{
        display: none;
        top: 0;
    }

}
@media screen and (min-width: 768px){
    .burger{
        display: none;
    }

}
@media screen and (min-width: 1024px){
    #wrapper{
        width: 990px;
    }
    #header nav{
        bottom:0;
    }


}