@import url(https://fonts.googleapis.com/css?family=Montserrat);

#menuxbutton {
 width: 16px;
 height: 16px;
 cursor: pointer;
 abackground-color:green;
}

.burger-click-region {
	 position: absolute;
	 z-index:990;
	 top: calc(5vh - 2px);
	 right: 30px;
	 transform-origin: top right;
	 width: 25px !important;
	 height: 25px !important;
	 acursor: pointer;
	 abackground-color:red;
}
 .burger-menu-piece {
	 adisplay: block;	
	 position: absolute;
	 width: 30px;
	 transform-origin: 50% 50%;
	 transition: transform 200ms ease-out;
	 top: 10px;
	 cursor: pointer;
	 opacity:0.7;
}
 .burger-menu-piece:nth-child(1) {transform: rotate(45deg);}
 .burger-menu-piece:nth-child(2) {transform: rotate(-45deg);}


 @media only screen and (max-width: 900px) {
	 
	 .burger-menu-piece {width: 20px; top: 5px;}
	 .burger-click-region {width: 20px; height: 10px;}
 }