* { padding: 0; margin: 0; }
body { width: 100%; height: 100%; background: #888; font-size: 1.5vw; font-family: "Andika", sans-serif; }
header { width: 100%; }
header img { width: 90%; margin: 0 5%; }
nav ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; }
nav li { float: right; }
nav li a { display: block; color: #ffd; text-align: center; padding: 1vw 1.2vw; text-decoration: none; }
nav li a:hover { background-color: #111; }
main p, footer p { padding: .5vw; }
footer p:first-of-type { margin-top: -2vw; position: relative; z-index: 10; }
main, footer { width: 84%; margin: 0 8%; }
main { padding-bottom: 2.1vw; }
main ol { padding: 0 1vw 0 3vw; }
main li { padding-bottom: .5vw; }
footer { background-color: #333; font-size: .7em; text-align: center; clear: both; position: relative; }
.footercap { background-color: #333; position: relative; top: -1vw; border-radius: 1vw 1vw 0 0; height: 1vw; width: 100%; z-index: 1; }
blockquote { background: #f9f9f933; border-left: 10px solid #ccc; }

@media (max-width: 934px) {
	body { font-size: 14px; }
}