/* come back to this */

/*mobile*/
@media screen and (min-width:0) and (max-width:425px){
    ul.list a{
        display:none;
    }
    header nav #hambo{
        display: block;
    }
form {
    display: none;
}
footer{
    display: none;
}
a.fab.fa-twitter, a.fab.fa-github-square, a.fab.fa-youtube, a.fab.fa-facebook{
    display: none;
}
}
    /*tablet*/
@media screen and (min-width:426px) and (max-width:1439) {
   ul.list{
       display: block;
   }
   header nav #hambo{
    display: none;
}

 }



/*desktop */
@media screen and (min-width:1440px) {
    ul.list { 
        display: block;
    }
    header nav #hambo{
        display: none;
    }
}