#menudiv {
	background: #3eaefb;
	border: 1px solid black;
	border-radius: 25px;
}
#menudiv:hover{
	background: #6ec4ff;
}
.headmenuwrapper {
	display: grid;
	grid-template-columns: auto;
	gap: 0;
	grid-auto-flow: column;
	width: 100%;
	margin: 0 auto; 
	background: #3eaefb;
}
.menu_button {
	height: 35px;
	background: #3eaefb;
	font-family: Arial;
	font-weight: 600;
	color: black;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	border: 0;
}
.menu_button:hover {  
  	background: #6ec4ff;
}
.menu_active {
	background-color: #0183db !important; box-shadow: 0 0 2px 1px #060606 inset
}
.menu_active:hover {  
  	background-color: #6ec4ff !important;
}
.menu_disabled {
	color: white;
	width: 100%;
	background: #767e84;
}

#menuwrapper {
	text-align: left;
	display: inline-block;
	position: relative;
	width: 100%;
	z-index: 9999;
}


#menu_check {
	display: none;
}
 
#menu_label {
	display: none;
}
.manage_menu {
	display: none;
}
@media screen and (max-width: 800px) {
	
	#manage_top {
		display: none;
	}
	.manage_menu {
		display: inline-block;
	}
	#menuwrapper {
		text-align: right;
		position: fixed;
		left: 0;
		top: 2px;
	}
	.headmenuwrapper {
		display: grid;
		grid-auto-flow: row;
		width: 96%;
		margin: 0 auto;
		grid-row-gap: 5px;
		margin: 10px auto;
		background: transparent;
	}
	#menu_label {
		display: inline-block;
		right: 4px;
    	position: relative;
    	margin: 0;
	}
	#menu {
		display: none;
	}
	input#menu_check:checked ~ div#menu {
		display: block;
		width: 100%;
		position: absolute;
		background: lightgrey;
	}
	.menu_button {
		border: 1px solid darkblue;
		border-radius: 4px;
	}


	
}