div.container {border: 1px solid #000000;overflow: auto;width: 100% }body {font-size: 16px;color: #000;}.small {font-size: 12px;}.large {font-size: 20px;}.asciitext {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;text-decoration: none;text-align: center;padding: 0px 0;clear:both;width:320px;}.Header {WIDTH: 100%;HEIGHT: 60px;PADDING: 0px;}ul {list-style-type:none;margin:0;padding:0;position: absolute;}li {display:inline-block;float: left;margin-right: 1px;}li a {display:block;min-width:140px;height: 50px;text-align: center;line-height: 50px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;color: #fff;background: #2f3036;text-decoration: none;}li:hover a {background: #19c589;}li:hover ul a {background: #f3f3f3;color: #2f3036;height: 40px;line-height: 40px;}li:hover ul a:hover {background: #19c589;color: #fff;}li ul {display: none;}li ul li {display: block;float: none;}li ul li a {width: auto;min-width: 100px;padding: 0 20px;}ul li a:hover + .hidden, .hidden:hover {display: block;}.show-menu {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;text-decoration: none;color: #fff;background: #19c589;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 : 760px){ul {position: static;display: none;}li {margin-bottom: 1px;}ul li, li a {width: 100%;}.show-menu {display:block;}.asciitext {display:block;}}