.sidenav {
	height: 			100%;
	width: 				0;
	position: 			fixed;
	z-index: 			10;
	top: 				0;
	left: 				0;
	background-color: 	rgba(0,0,0, 0.85);
	overflow-x: 		hidden;
	transition: 		0.5s;
	padding-top: 		38px;
}

.sidenav a {
	display: 			inline-block;
	transition: 		0.3s;
}

.sidenav a:hover {
	color: 				#ffffff;
}

.sidenav a#closebtn {
	position: 			absolute;
	top: 				8px;
	right: 				5px;
	font-size: 			38px;
	margin-left: 		50px;
	color: 				#ffffff;
}

.sidenav a#closebtn:hover {
	text-decoration:	none;
}

.sidenav.openNav {
    width: 				100%;
}

#mobileMenuIcon {
    position: 			absolute;
    top: 				1%;
	left: 				45%;
    font-size: 			50px;
    z-index: 			3;
    cursor: 			pointer;
    color: 				#00171f;
}

@media screen and (min-width: 992px) {
	.sidenav { width: 0px !important; }
}

@media screen and (max-height: 450px) {
	.sidenav { padding-top: 15px; }
	.sidenav a { font-size: 18px; }
}