nav {
	background:linear-gradient(90deg, #9b592a, #904f21);
	width:60px;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:10;
	box-shadow: -3px 0px 10px 3px #000000;
	z-index:100;
	overflow:hidden;
	transition:width 0.7s;
	}
	
nav:hover {
	width:260px;
	}

nav .mobile_menu {
	width:30px !important;
	height:30px !important;
	filter: invert(91%) sepia(4%) saturate(1914%) hue-rotate(339deg) brightness(107%) contrast(96%);
	margin:10px 15px;
	cursor:pointer;
	display:none;
	}
	
@media (max-width: 550px) {
	nav,
	nav:hover {
		width:0;
		}

	.mobile_menu_open nav,
	.mobile_menu_open nav:hover {
		width:100%;
		}

	.mobile_menu {
		display:block !important;
		}
	}
	
nav ul {
	margin:0;
	padding:0;
	list-style:none;
	color:#faedce;
	}
	
nav ul a {
	text-decoration:none;
	color:#faedce;
	}
	
nav ul li:hover {
	background-color:#824415;
	}
	
nav ul li {
	padding:10px 15px;
	width:100%;
	min-width:270px;
	}
	
nav ul li img {
	width:30px !important;
	height:30px !important;
	filter: invert(91%) sepia(4%) saturate(1914%) hue-rotate(339deg) brightness(107%) contrast(96%);
	vertical-align:middle;
	}
	
nav ul li span {
	vertical-align:span;
	margin-left:15px;
	}