#menu_button{
position: absolute;
width: 40px;
height: 20px;
top: 25px;
right: 20px;
z-index: 6000;
text-align: center;
color: #333;
font-size: 12px;
font-weight: bold;
letter-spacing: 2px;
z-index: 9999;
cursor: pointer;
/*transform*/
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
}
.scroll #menu_button{
	top: 35px;
}
#menu_button span{
display: block;
background: #333;
width: 32px;
height: 2px;
position: absolute;
transition: all 0.2s;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
}
#menu_button.active span,
.page #menu_button span{
	background: #000;
}
#menu_button span:first-child{
top: 0px;
}
#menu_button span:nth-child(2){
top: 50%;
margin-top: -1px;
}
#menu_button span:last-child{
bottom: 0px;
}
#menu_button.active span{
/*background: #fff;*/
}
#menu_button.active span:first-child{
-webkit-transform: translateY(9px) rotate(45deg);
-ms-transform: translateY(9px) rotate(45deg);
transform: translateY(9px) rotate(45deg);
}
#menu_button.active span:nth-child(2){
opacity: 0;
}
#menu_button.active span:last-child{
-webkit-transform: translateY(-9px) rotate(-45deg);
-ms-transform: translateY(-9px) rotate(-45deg);
transform: translateY(-9px) rotate(-45deg);
}


@media screen and (max-width: 640px){
	#menu_button{
	/*top: 20px;*/
	right: 15px;
	}
}