body { background-color:rgb(240, 236, 214);padding-left: 5%; padding-right: 5%; font-family: Arial, Helvetica, sans-serif;}
.logo, nav {width:100%;float:left; margin:5px;} 
/*.logo { height: 0.5em;} */
header {clear:both;}
.clear {clear:both;}
h1 {text-align: center;}
.tcenter {text-align: center;}


nav ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

nav li {
	list-style: none;
	margin: 0.5em;
	padding: 0;
	font-size: 1.5em;
}

@media (min-width: 45em) {
	nav ul {
		flex-direction: row;
	}
	nav li {
		flex: 1;
		font-size: 1em;
	}
}

nav a {
	display: block;
	padding: 0.4em;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	border: 1px solid #0f3101;
	border-radius: 3px;
	box-shadow: 0 5px 10px white inset;
	color: #f2f216;
	background-color:#0f3101;
	transition: all .25s ease-in;
}

nav li[aria-current] a {
	background-color: firebrick;
	color: #f2f216;
}

nav a:focus,
nav a:hover,
nav li[aria-current] a:focus,
nav li[aria-current] a:hover {
	color: #0f3101;
	background-color: #f2f216;
}