#menu li a:hover + .hidden, .hidden:hover{display:block;}
.show-menu{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;text-decoration:none;color:#fff;background:#ff6801;text-align:center;padding:10px 0;display:none;}
input[type=checkbox]{display:none;}
input[type=checkbox]:checked ~ #menu{display:block;}
@media screen and (max-width:640px){#menu{position:static;display:none;}
#menu li{margin-bottom:1px;display:inline-block;background-color:#FF8634;margin-left:0;padding:0;}
#menu li a{display:block;color:#ffffff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1em;}
#menu li:hover a{background:#ff6801;}
#menu li, #menu li a{width:100%;}
.show-menu{display:block;}
}