.js body { overflow-x: hidden }

#nav-desktop { display: block }
#nav-mobile { display: none }
@media only screen and (max-width: 954px) {
    .js #nav-desktop { display: none }
    .js #nav-mobile { display: block }
}
#nav-side { font-family:"Lato",sans-serif; height:100%; width:0; position:fixed; z-index:9998; top:0; left:0; background-color:#333; overflow-x:hidden; transition:0.5s; padding-top:40px; box-shadow: 1px 0 10px rgba(0,0,0,0.8) }
#nav-side a { padding:8px 8px 8px 16px; text-decoration:none; font-size:25px; color:#818181; display:block; transition:0.3s; white-space:nowrap }
#nav-side a:hover { color:#f1f1f1 }
#nav-side .closebtn { position:absolute; top:-10px; right:10px; font-size:36px; margin-left:50px }
@media screen and (max-height: 470px) {
    #nav-side a { font-size:18px }
}
#nav-sub { font-family:"Lato",sans-serif; height:100%; width:0; position:fixed; z-index:9999; top:0; left:0; background-color:#E5E5E5; overflow-x:hidden; transition:0.5s; padding-top:40px; }
#nav-sub a { padding:6px 8px 6px 16px; text-decoration:none; font-size:18px; color:#808000; display:block; transition:0.3s; white-space:nowrap }
#nav-sub a:hover { color:#FFF; background:#CCC  }
#nav-sub .closebtn { position:absolute; top:-10px; right:10px; font-size:36px; margin-left:50px; padding:8px 8px 0 8px }