* {box-sizing: border-box; word-wrap: break-word; margin: 0; padding: 0;}

body {font-family: "Trebuchet MS",Helvetica,sans-serif; line-height: 150%; background: #847160; color: #37302a;}
#wrapper {background: #fff; overflow: auto;}
a {text-decoration: none; color: #f43c12;}
p {margin: 1.5em 0;}

nav, .nav-toggle {background: #f43c12;} nav a, .nav-toggle {color: #fff; padding: 0.5em 0;}
.nav-toggle {display: block; text-align: center;}
.nav-collapse li {padding: 0.5em; transition: 142ms;} .nav-collapse li:hover {background: #fff; color: #f43c12; font-weight: bold;}

main {padding: 0.5em;}
h1 {line-height: 125%; text-align: center;} h1 span:nth-child(1) {font-weight: normal; font-style: italic; display: block; font-size: 1em;}

thead {font-weight: bold;}
tbody td:nth-child(-n+2) {font-family: "Lucida Console",Monaco,monospace;}
tr {vertical-align: top;} tbody tr:nth-child(odd) {background: #dbdbd9;}
td {padding: .25em;}

@media only screen and (min-width: 40em) {
	.nav-toggle {display: none;}
	nav {width: 25%; text-align: right; background: #fff;} main {width: 75%; padding-left: 2em;} nav, main {float: left}
	nav a {color: #f43c12;} .nav-collapse li:hover {background: #f43c12; color: #fff;}
	h1 {text-align: left;}
	#wrapper {max-width: 1000px; margin: 0 auto; padding: 3em 1em 3em 0;}
}
/*media query at 40em, no nav-toggle display*/