@media screen and (max-width: 768px){.navigation{width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:scroll}.nav-item{width:250px;box-sizing:border-box;padding:15px 10px;position:absolute;top:0;left:0}.nav-trigger{position:absolute;clip:rect(0,0,0,0)}label[for="nav-trigger"]{position:fixed;left:10px;top:10px;z-index:2;height:45px;width:45px;cursor:pointer;background-image:url(../images/side_menu.png);background-size:contain}.nav-trigger:checked + label{background-image:url(../images/side_close.png);left:260px}code{padding:2px;background:#ddd}*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}#navbox{margin:0;padding:0}#navbox h3{text-align:center;font-size:1.6rem;font-weight:700;margin:10px 0 15px;padding:0}#navbox h3:before{font-family:FontAwesome;content:"\f01a";display:inline-block;margin:0 5px 0 0}#navbox ul{list-style:none;margin:0;padding:0}#navbox li{float:left;width:100px;margin:0 0 10px 10px;padding:0;text-align:center}#navbox li a{color:#333}#navbox li.sel_over a,#navbox li.sel_over a:hover{color:#ff801e;font-weight:700}#navbox li span{display:block;margin:0;padding:0;font-size:1.2rem;line-height:120%}}