* {
	box-sizing: border-box;
}

html {
	height: 100%;
}

body {
	margin: 1.375em;
	font-family: Arial, sans-serif;
	font-size: 1rem;
	background: #fefefe;
}
	.front {
		background: url(img/bg.jpg) no-repeat center top;
		background-size: cover;
		background-attachment: fixed;
	}

header {
	margin: 0 auto;
	max-width: 60rem;
	text-align: center;
	padding: 1.375em;
}

header img {
	width: 100%;
	height: auto;
	max-width: 480px;
}

section {
	margin: 0 auto;
	max-width: 60rem;
	padding: 1.375em;
}

footer {
	font-size: 0.875rem;
	text-align: center;
	margin: 5.5em auto 2.75em;
	max-width: 60rem;
	padding: 1.375em;
}

.front header,
.front section,
.front footer {
	background: #fefefe;
	max-width: 30rem;
	margin: 0 auto;
	opacity: .975;
}
	.front header {
		margin-top: 5.5em;
		padding-bottom: 0;
	}

h1 {
	color: #607728;
	font-size: 1.75rem;
}

h2 {
	font-size: 1.25rem;
	color: #607728;
	font-weight: normal;
}

h3 {
	font-size: 1rem;
	color: #607728;
	font-weight: normal;
}

a {
	color: #D2212C;
}

.center {
	text-align: center;
}