html, 
body, 
.container, 
.content-wrap {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.container {
	background: #6ab82c;
}
.menu-wrap {
	position: absolute;
	opacity: 0;
	display: none;
}
.show-menu .menu-wrap {
	opacity: 1;
	display: block;
}
.menu-wrap a {
	color: #b8b7ad;
}

.menu-top .profile,
.menu-side {
	width: 300px;
}
.menu-side a {
	display: block;
	 text-align: left;
	 text-indent: 50px;
	 color: #fff;
	 padding: 20px 0;
	 border-bottom: 1px solid #c1f19b;
	 font-size: 28px;
}

.menu-button {
	position: fixed;
	z-index: 1000;
	width: 126px;
	height: 88px;
	margin-left: -40px;
	border: none;
	color: transparent;
	background: transparent;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}


.menu-button::before {
	position: absolute;
}

.show-menu .content-wrap,
.show-menu .menu-button {
	-webkit-transform: translate3d(300px,0,0);
	transform: translate3d(300px,0,0);
}
.content-wrap {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}