.menu-button {
 	position: fixed;
	top: 50px;
	right: 30px;
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 4px;
	height: 40px;
	/*background-color: #eee;*/
	padding:5px 0px;
	z-index: 999999;
}
.menu-button:hover, .menu-open .menu-button, .overlay-shown .menu-button  {
	padding:0px 0px;
}
.hamburger-line {
	background-color: #fc0;
	height: 4px;
	width: 40px;
}
.hamburger-line { 
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1), 0px 0px 4px 1px rgba(0,0,0,0.1);
}
.menu-open  .hamburger-line:first-child, .overlay-shown  .hamburger-line:first-child  {
	transform: rotate(45deg) translateX(11px) translateY(10px);
}
.menu-open .hamburger-line:nth-child(2), .overlay-shown  .hamburger-line:nth-child(2) {
	filter: opacity(0%);
}
.menu-open  .hamburger-line:last-child, .overlay-shown  .hamburger-line:last-child {
	transform: rotate(-45deg) translateX(11px) translateY(-10px);
	/*transform: rotate(-45deg);*/
}
/*.menu-open .menu-button:not(:hover) .hamburger-line {
	background-color:#D5D8D8; 
}*/