nav a {
	display: inline-block;
	padding: 8px 15px;
/*	margin-top: px;*/
	color: #332f1b;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}
nav a:hover {
	background-color: #f5f5ee;
	color: #332f1b;
/*	color: #ab1b1b;*/
}
nav a.active {
/*	color: #ab1b1b;*/
	color: #800000;
}
#nav {
	background-color: #fffff8;
	display: block;
	float: right;
	margin-right: -15px;
	z-index: 100;
}
@media only screen and (max-width: 479px) {
	#nav {
		background-color: #800000;
		color: #fffff8;
		width: 100%;
		padding: 0px;
		margin: 0px;
		position: -webkit-sticky; /* Safari */
		position: sticky;
		top: 0px;
		border-top: .2em solid #fffff8;
		border-bottom: .2em solid #fffff8;
/*		border-bottom: 1px solid black;*/
	}
/*	nav {
		white-space: nowrap;
	}*//*In case white-space issues in DOM reappear*/
	nav a {
		padding: 8px 0px;
		width: 33.333%;
		text-align: center;
		color: #fffff8;
		border-left: 1px solid #fffff8;
		border-right: 1px solid #fffff8;
		margin-left: -1px;
		margin-right: -1px;
	}
	nav a:hover {
		background-color: #9e1919;
		color: #fffff8;
	}
	nav a.active {
		background-color: #9e1919;
		color: #fffff8
	}
/*	#home {
		display: none;
	}*/
}