header, header * {
	transition: 0.1s;
}
.menu-button {

	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 4px;
	margin-top: 5px;
	height: 30px;
	/*background-color: #eee;*/
	padding:5px 0px;
}
.menu-button:hover, .menu-open .menu-button, .overlay-shown .menu-button {
	padding:5px 0px;
}
.hamburger-line {
	
	height: 3px;
	width: 30px;
}
.menu-open  .hamburger-line:first-child, .overlay-shown .hamburger-line:first-child {
	transform: rotate(45deg) translateX(6.5px) translateY(5px);
}
.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(6.5px) translateY(-5px);
	
	/*transform: rotate(-45deg);*/ 
}
/*.menu-open .menu-button:not(:hover) .hamburger-line {
	background-color:#D5D8D8; 
}*/