.menu-container {
	display: inline-block;
	position: absolute;
	cursor: pointer;
	z-index:10003;
	width: 300px;
	height: 42px;
	margin: 0px;
	padding: 8px 16px 20px 20px;
	transition: background-color .2s ease-in;
	-webkit-transition: background-color .2s ease-in;
}

#menu-container-icon:hover { background-color: rgba(255,255,255,0.2);}

#menu-container-icon:active { box-shadow: inset 0px 3px 6px rgba(0,0,0,0.2); outline: none;}

.menu-container .bar1,
.menu-container .bar3 {
	width: 24px;
	height: 2px;
	background-color: #fff;
	margin: 5px 0px;
	transition: 0.2s;
}

.menu-container .bar2 {
	width: 24px;
	height: 2px;
	background-color: #fff;
	margin: 5px 0px;
	transition: 0.1s;
}
.menu-change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-5px, 4px);
	transform: rotate(-45deg) translate(-5px, 4px);
}
.menu-change .bar2 {opacity: 0;}
.menu-change .bar3 {
	-webkit-transform: rotate(45deg) translate(-5px, -5px);
	transform: rotate(45deg) translate(-5px, -5px);
}

.menu-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	right: 0px;
	left: 300px;
	background-color: rgba(0,0,0,0.3);	
}