.sidenav {
	height: 			100%;
	width: 				0;
	position: 			fixed;
	z-index: 			50;
	top: 				0;
	left: 				0;
	background-color: 	rgba(26, 37, 61, 0.95);
	overflow-x: 		hidden;
	transition: 		0.5s;
	padding-top: 		5px;
}

.sidenav a#closebtn {
	padding: 			4px 8px 8px 20px;
	text-decoration: 	none;
	font-size: 			24px;
	color:				#000000;
	display: 			block;
	transition: 		0.3s;
}

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

.sidenav #closebtn {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 32px;
  margin-left: 50px;
}

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

.sidenav.openNav {
    width: 				315px;
}

#mobileMenuIcon {
    position: 		absolute;
    top: 			4px;
	left: 			12px;
    z-index: 		3;
    cursor: 		pointer;
}

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

@media screen and (max-width: 480px) {
	#mobileMenuIcon { left: 4px; }
}

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