@media screen and (min-width:641px){
	#gnav {
		display: none;
	}
}
#gnav nav {
	position: fixed;
	top: 0;
	background: #667B51;
	width: 100%;
	height: 95%;
	z-index: -1;
	padding: 80px 0;
	opacity: 0;
	transition: all 0.4s;
	overflow-y:scroll;
}
#gnav.navOpen nav{
	z-index: 100;
}
	#gnav nav > ul {
		display: block;
		position: relative;
		padding-bottom: 100px;
	}
	#gnav nav > ul > li{
		position: relative;
	}
	#gnav nav > ul > li:first-child {
		margin-right: 0;
		/*margin-bottom: 20px;*/
	}
	#gnav nav > ul > li:nth-child(n+2){

	}
		#gnav nav > ul li a{
			color: #FFFFFF;
			font-size: 1.2em;
			font-weight: 700;
			letter-spacing: 2px;
			display: block;
			padding: 15px 20px;
			border-bottom: solid 1px hsla(0, 0%, 100%, 0.3);
			position: relative;
		}
			#gnav nav ul li a .arw{
				position: absolute;
				right: 20px;
				top: 0;
				bottom: 0;
				margin: auto 0;
				height: 11px;
			}
			#gnav nav ul li.on a .arw{
				transform: rotate(90deg);
				-moz-transform: rotate(90deg);
				-webkit-transform: rotate(90deg);
			}
		#gnav nav > ul > li + ul {
			overflow: hidden;
			margin-left: 30px;
			display: none;
		}
		#gnav nav > ul > li + ul ul{
			overflow: hidden;
			margin-left: 30px;
			display: none;
		}
		#gnav nav > ul > li + ul a{
			font-weight: 400;
			font-size:115%;
			position: relative;
			padding: 15px 10px;
		}
			#gnav nav > ul > li + ul a i{
				position: absolute;
				top: 0;
				bottom: 0;
				margin: auto 0;
				height: 25px;
				width: 25px;
				display: flex;
				justify-content: center;
				align-items: center;
			}
	#gnav nav > ul > li:last-child{
		display: flex;
		justify-content: center;
		background: rgba(255,255,255,.9);
		position: fixed;
		width: 100%;
		bottom: 0;
	}
		#gnav nav > ul > li:last-child a{
			border:0;
			margin: 0 5px;
			padding: 10px;
		}

	#gnav.navOpen nav {
		opacity: 1;
		z-index: 99;
		transition: all 0.4s;
	}

#gnav .hamburger {
	position: fixed;
	right: 0;
	top: 0;
	background: #E6E6E6;
	width: 30px;
	height: 36px;
	padding: 10px 20px 24px;
	z-index: 99999;
}
#gnav.navOpen .hamburger {
	background:#000000;
}
#gnav .hamburger span,
#gnav .hamburger span::before,
#gnav .hamburger span::after {
	position: relative;
	display: block;
	width: 30px;
	height: 3px;
	background: #707070;
	content: '';
	transition: all 0.4s;
}
#gnav .hamburger span::before {
	top: 10px;
}
#gnav .hamburger span::after {
	top: 17px;
}
#gnav em{
	font-family: Fjalla;
	font-style:normal;
	text-transform: uppercase;
	font-size: 0.8em;
	letter-spacing: 2px;
}
#gnav.navOpen .hamburger span {
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	top: 9px;
	background:#FFFFFF;
}
#gnav.navOpen .hamburger span::before {
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	top: 0;
	background:#FFFFFF;
}
#gnav.navOpen .hamburger span::after {
	display: none;
}
#gnav.navOpen em{
	color: #FFFFFF;
}

#gnav .search{
	/*margin-left: 15px;*/
	margin: 40px 0 100px;
}
	#gnav .search form{
		width: 74%;
		position:relative;
		margin: auto;
	}
		#gnav .search input[type="text"]{
			width: 100%;
			padding: 6%;
			border-radius:50px;
			border: 0;
			height: 46px;
			box-sizing: border-box;
			font-size: 120%;
		}
		#gnav .search input[type="image"]{
			position:absolute;
			right: 1px;
			top: 50%;
			transform: translateY(-50%);
		}