div, a {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}
::-moz-selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}
a:link, a:visited, a:active {
	text-decoration: underline;
	color: #000;
}
a:hover {
	text-decoration: none;
}

#menu-button {
	height: 34px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e3f20', endColorstr='#4c1c08', GradientType=0);
	background: url(../siteart/nav-bg.gif) repeat-x top #9c9561;
}
#menu-button {
	display: none;
}
@media screen and (max-width: 970px) {
	#menu-button {
		font-size: 24px;
		position: relative;
		z-index: 2;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.primary {
		display: none;
	}
	#menu-button a {
		font-size: 23px;
		text-decoration: none;
	}
}
@media only screen and (max-width: 970px) {
	#menu-button {
		width: 100%;
		margin-top: 15px;
	}
}
@media screen and (max-width:450px) {
	#menu-button {
		width: 100%;
	}
}

a, ul, li {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
nav {
	display: block;
}
::-moz-selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}
a:link, a:visited, a:active {
	text-decoration: underline;
	color: #000;
}
a:hover {
	text-decoration: none;
}
@media only screen and (max-width: 900px) and (min-width: 650px) {
	a.nav:link, a.nav:active, a.nav:visited {
		/* font-size:calc(.5625rem + ((1vw - 6.5px) * 2))!important; */
		/* padding: 0 8px!important; */
	}
}

nav.mobile {
	height: 34px;
	/* background: #8e3f20; */
	/* background: -webkit-gradient(linear, left top, left bottom, from(#8e3f20), color-stop(28%, #602610), to(#4c1c08)); */
	/* background: linear-gradient(to bottom, #8e3f20 0%, #602610 28%, #4c1c08 100%); */
	-webkit-box-shadow: 0 2.5px 2px -2px black;
	box-shadow: 0 2.5px 2px -2px black;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e3f20', endColorstr='#4c1c08', GradientType=0);
	background: url(../siteart/nav-bg.gif) repeat-x top #9c9561;
}
nav.mobile {
	position: absolute;
	z-index: 1;
	display: block;
	visibility: hidden;
	overflow: auto;
	/* left: -250px; */
	width: 100%;
	height: auto;
}
nav ul li:hover {
	background: #5f5f5f;
	background: -webkit-gradient(linear, left top, left bottom, from(#5f5f5f), color-stop(10%, #383838), to(#000));
	background: linear-gradient(to bottom, #5f5f5f 0%, #383838 10%, #000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f5f5f', endColorstr='#000000', GradientType=0);
}
a.nav:link, a.nav:active, a.nav:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding: 0 12px;
	text-decoration: none;
	color: #fff;
}
nav.mobile {
	display: none;
}
@media screen and (max-width: 970px) {
	.slideUp {
		-webkit-animation: .4s ease-out 0s 1 slideOutLeft;
		animation: .4s ease-out 0s 1 slideOutLeft;
	}
	.slideDown {
		-webkit-animation: .4s ease-out 0s 1 slideInLeft;
		animation: .4s ease-out 0s 1 forwards slideInLeft;
	}
	nav.mobile {
		position: absolute;
		z-index: 1;
		display: block;
		visibility: hidden;
		overflow: auto;
		width: 100%;
		height: auto;
	}
	nav.mobile ul {
		font-weight: 300;
		margin: 0;
		padding: 0;
		list-style: none;
		display: flex;
		flex-direction: column;
	}
	nav.mobile ul li {
		position: relative;
	}
	a.nav:link, a.nav:active, a.nav:visited {
		padding: 10px;
	}
}