.hamburger{
	vertical-align: middle;
	padding: 0;
	margin-right: 15px;
	height: 24px;
}
.hamburger:hover{
	opacity: 1;
}

.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before{
	height: 3px;
	border-radius: 0;
	background-color: #3B342D;
}
#header.white-header .hamburger-inner,
#header.white-header .hamburger-inner::after,
#header.white-header .hamburger-inner::before{
	background-color: #fff;
}
#hamburger.is-active .hamburger-inner,#hamburger.is-active .hamburger-inner::after,#hamburger.is-active .hamburger-inner::before{
	background-color: #3B342D!important;
}

#menu-container{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(238, 238, 238,0.9);
	z-index: 10000;
}

#menu-container a{
	font-size: 1.6em;
	font-weight: bold;
	text-decoration: none;
}
#main-menu > li{
	width: 35em;
	max-width: 65vw;
	margin: auto;
	border-bottom:solid 1px #3D2A17;
	padding:8px 0;
}

#main-menu > li:hover{
	border-color: rgba(61, 42, 23,0.4);
}

@media(max-width: 991px){
	#menu-container a{
		font-size: 1.2em;
	}
	#main-menu > li{
		padding:6px 0;
	}
}
@media(max-width: 767px){
	.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before{
		height: 1px;
		width: 35px;
	}

	.hamburger-inner::after{
		bottom: -8px
	}
	#main-menu > li{
		padding:3px 0;
		border-bottom: none;
	}

	#menu-container a{
		font-size: 1.2em;
	}
	#menu-container{
		background-color: rgba(238, 238, 238,1);
	}
}