body {
	position: absolute;
	overflow-x: hidden;
	width: 100%;
	max-width: 100%;
	min-height: 100%;
	height: auto;
	z-index: 0;
}

nav #navigation_menu_img_wrapper {
	position: relative;
	width: auto;
	height: 26.875vh;
	background-color: rgb(227, 236, 245);
	border-bottom: 1px solid rgb(186, 193, 201);
	display: block;
}

nav #navigation_menu_img_wrapper img {
	position: relative;
	width: 100%;
	height: 100%;
}

nav ul {
	position: absolute;
	/*background: rgb(87, 181, 232);*/
	background-color: rgb(250, 250, 250);
	top:0;
    left: -85%;
    width: 85%;
	list-style-type: none;
	height: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 4;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.06), 3px 0 5px 0 rgba(0, 0, 0, 0.06);
}

nav ul li {
	position: relative;
	width: 90%;
	height: 5.31vh;
	display: inline-block;
	padding: 2.343vh 4.72vw 2.343vh 4.72vw;
}

nav ul li:first-of-type {
	
	padding: 3.453vh 4.72vw 2.343vh 4.72vw;
}

nav ul li a{
	position: relative;
	height: 5.31vh;
	display: block;
	vertical-align: middle;
	text-decoration: none;
	white-space: nowrap;
}

nav ul li a img {
	position: relative;
	max-height: 100%;
	display: inline-block;
	margin-right: 28.5px;
}

nav ul li a span {
	position: relative;
	display: inline-block;
	font-size: 20px;
    font-weight: 400;
	color: rgb(33, 33, 33);
	vertical-align: top;	
	line-height: 5.31vh;
}

nav ul li a:hover{
	text-decoration: underline;
}

#navBackColor {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0);
	z-index: -1;
	/*-webkit-transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;*/
}

.navBackColorApplied {
	animation-name: example;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

/* The animation code */
@keyframes example {
    0%   {background-color: rgba(0, 0, 0, 0.3); z-index: 4;}
    99%  {background-color: rgba(0, 0, 0, 0); z-index: 4;}
    100% {background-color: rgba(0, 0, 0, 0); z-index: -1;}
}