.container {
	margin: 0 auto;
	width: 80%;
}

main {
	font-family: Arial, sans-serif;
}

head > title {
	font-family: Arial, sans-serif;
	text-align: center;
}

nav, footer {
	text-align: center;
	font-family: Arial, sans-serif;
}

nav {
	display: flex;
	flex-direction: column;
}

nav > a {
	flex: 1;
	text-align: center;
	text-decoration: none;
}

@media only screen and (min-width: 768px) {
	nav { flex-direction: row }
}