body {
	margin: 0;
	border: 0;
	padding: 0;
	background: rgb(230, 217, 200);
	text-align: center;
	width: 90%;
	margin: 0 auto;
}

html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {
	font-family: 'open sans';
    font-size: 1em;
	-webkit-font-smoothing: antialiased;
    color: rgb(0, 0, 0);
}

h1, h2 {
	width: 100%;
	float: left;
}
h1 {
	font-size: 4.5em;
	font-weight: 100;
	margin-bottom: -0.2em;
}
h2 {
	font-weight: 100;
}

a {
	text-decoration: none;
}

.credit {
	text-align: center;
	color: rgba(0,0,0,0.5);
	padding: 10px;
	width: 410px;
	clear: both;
}
.credit a {
	color: rgba(0,0,0,0.85);
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

.center {
	text-align: center;
	margin: auto auto;
	display: block;
}

.spacer {
	min-height: 0em;
}

@media screen and (min-width: 35.5em) {}
@media screen and (min-width: 48em) {}
@media screen and (min-width: 64em) {}
@media screen and (min-width: 80em) {}

@media screen and (min-height: 20em) and (min-width: 35.5em) { .spacer { height:  4em; }
@media screen and (min-height: 30em) and (min-width: 35.5em) { .spacer { height:  6em; }
@media screen and (min-height: 35em) and (min-width: 35.5em) { .spacer { height: 10em; }
}