#hamburger {
	position:absolute;
}
/* [ON BIG SCREENS] */
/* Wrapper */
#menunav {
	position:absolute;
	width:8%;
	margin-top:15vh;
	margin-left:2vh;
	z-index:200;
}
/* Hide Hamburger */
#menunav label, #hamburger { display: none; }

/* Horizontal Menu Items */
#menuitems ul {
	list-style-type:none;
	list-style-position:inside;
	padding-left:0;
	font-size:calc((3vh + 3vw + 3vmin)/5)
}
#menuitems li {
	width:100%;
	padding:2%;
	margin:1%; 
	color:white;
	background:#424542;
	text-align: center;
	border-radius:10px;
	border:thin solid red;
	transition: transform 1s;
}
#menuitems li:hover {
	background-image: linear-gradient(#9e180c, #ffeb0e);
	background:-webkit-linear-gradient(#9e180c, #ffeb0e);
	background:-o-linear-gradient(#9e180c, #ffeb0e);
	background:-moz-linear-gradient(#9e180c, #ffeb0e);
	background:linear-gradient(#9e180c, #ffeb0e);
/*	transform:rotate(10deg);*/
	transform: scale(1.15);
	color:white;
	cursor:pointer;
}
#menuitems a {
	text-decoration: none;
}

/* [ON SMALL SCREENS] */
@media (orientation: portrait) {
	/* Show Hamburger Icon */
	#menunav {
/*		position:absolute;*/
		width:30%;
		height:6%;
		margin-left:0;
		margin-top:13vh;
		text-align:center;
	}
	#menunav label { 
		display: inline-block; 
		width:100%;
		height:100%;
		margin-left:0;
		color: white;
		background-image:url(img/hamburger.jpg);
		background-repeat:no-repeat;
		background-size:30% 100%;
		background-position:left;
		padding: 5px;
	}
	#menunav label:hover {
		cursor:pointer;
	}

	/* Break down menu items into vertical */
	#menuitems a {
		box-sizing: border-box;
		display: block;
		width: 100%;
		border-top: 1px solid #333;
	}

	/* Toggle Show/Hide Menu */
	#menuitems { display: none; }
	#menunav input:checked ~ #menuitems { display: block; }
	#menuitems ul { font-size:calc((3vh + 3vw + 3vmin)/2.5) }
	#menuitems li {
		width:90%;
		padding-top:1%;
		padding-bottom:1%;
		margin-left:8%; 
		color:white;
		background:#424542;
		text-align: center;
		border-radius:10px;
		border:thin solid red;
		transition:none;
	}
	#menuitems li:hover { transform:none; }
}