* { box-sizing:border-box; max-width:100vw; }
body {
	height:100vh;
	width:100vw;
	margin:0;
	padding:0;
	font-family:'BenchNine', sans-serif;
	color:#200;
	font-size:1.2em;
}
.alert, h2 {
	letter-spacing:-0.03em;
}
h1, h2 {
	font-size: 1.2em;
	margin: 0.5em 0;
}
header img {
	display:block;
	height:140px;
	margin:0 auto;
}
nav {
	background:#b00;
	color:white;
	width:100%;
	margin:0 auto; padding:0 1em;;
	line-height:50px;
}
nav ul {
	display:inline-block;
	list-style-type:none;
	padding:0;
	margin:0;
}
nav li { display:inline-block; }
nav a {
	display:inline-block;
	text-decoration:none;
	color:white;
	padding:0 1em;
	height:100%;
}
nav a:hover { background:red; }
main { border-bottom:1px solid gray; }
footer {
	clear:both;
	font-size:0.8em;
	color:#666;
	text-align:center;
}

@media screen and (min-width:700px) {
	header { max-width:1000px; margin:0 auto; }
	header img { float:left; margin:0 1em; }
	nav { width:90vw; max-width:1000px; border-radius:4px; }
	main { width:90vw; max-width:1000px; margin:0 auto; }
	blockquote { float:left; width:40%; margin:0; padding:2%; }
}