input[name=topmenu] {display: none;}
input[name=topmenu] + label {
position: relative;
- top: -3em;
- max-width: 25%;
- margin: .5em 0 0 0;
+ top: -2.5em;
display: inline-block;
text-decoration: none;
- padding: .5em 1.5em;
+ padding: .5em .5em;
line-height: 1.25em;
transition: none;
border: 1px none #FFF;
+ text-align: center;
}
+@media (min-width: 620px){input[name=topmenu] + label { padding: .5em 1.5em; }}
+
input[name=topmenu]:checked + label {
background-color: #333;
margin-left: -1px; margin-top: -1px;