nav > input,
.nav-button {
  display: none; /* hidden on large screens */
}
.nav-inner {
	position: absolute;
	width: 50vw;  
	transform: translateX(-110%) translateZ(0);
	transition: transform .2s;
	will-change: transform;
	z-index: 100;
	background-color:#606060;
	left:8px;
	top:60px;
}
input:checked ~ .nav-inner {
	transform: translateX(0);
}
input:checked ~ .nav-button {
	color:#606060;
	background-color:#332D39;
}
.nav-button {
	display: inline-block;
	position: absolute;
	z-index: 1;
	top: 8px; 
	left: 8px;
	height: 52px; 
	width: 52px;
	padding: 0;
	outline: 0;
	border: 0;
	cursor: pointer;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	text-align:center;
	vertical-align:middle;
	
	background-color:#332D39;
	font-size:48px;
	font-weight:600;
	color:white;
	
}
nav a {
  display: block;
  padding: .7em;
  margin-bottom: 2px;
  text-decoration: none;
  background: #332D39;
  color:white;
  font-family:TradeGothicLTStd;
  font-size:14px;
  text-transform:uppercase;
}