html, body {
	background: #000;
	color: #777;
}

body, h1, h2, h3 {
	text-align: center;
	font-family: monospace;
}

h1#banner {
	text-align: center;
	font-family: 'Aldrich';
	font-size: 65px;
	padding: 20px 0 0 0;
	text-transform: uppercase;
	letter-spacing: .4em;
	text-indent: .4em;
}

a {
	font-size: 1.3em;
	text-decoration: none;
	color: #ccc;
	padding: 3px 5px 3px 6px;
}
a:hover, a:active {
	color: #000;
	background-color: #efefef;
}
.blog-link { 
	display: inline-block;
	font-size: 2em;
	margin-bottom: 65px;
}

#people, .person-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
#people {
	margin-bottom: 50px;
}

.name {
	font-family: 'Aldrich';
	font-size: 40px;
	letter-spacing: 0.4em;
	text-transform: uppercase;
}

.person-photo {
	max-width: 255px;
}

h3 {
	font-style: italic;
}

.bio {
	font-size: 1.1em;
	max-width: 350px;
}

footer {
	text-align: center;
	font-style: italic;
	font-weight: bold;
	color: #555;
	font-size: 11px;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #000;
}

@media (min-width: 768px) {
	h1#banner {
		letter-spacing: 1.1em;
		text-indent: 1.1em;
	}
}