html {
	height:100%;
	margin:0px;
	padding:0px;
}
body {
	display:grid;

	height:100%;
	margin:0px;
	padding:0px;

	color:white;
	font-family:sans-serif;
	background-color:rgba(255,255,255,1); /*just in case it shows through at the bottom...*/

	background-size:cover;
	/*background-position:center;*/
	min-height:320px;
}

a {
	color:#ddd;
}

h1 {
	color: rgba(0, 0, 0, 1);
}

header {
	text-align:center;
	margin: 10% auto 0 auto;
	padding-bottom:0%;
	padding-top:6%;
    	width: 75%;
}

header img {
	max-height:250px;
	max-width:95%;
    	margin-top: 0px;
	/*margin-top:16px;*/
}
@media (max-height:600px) {
	header img {
		max-height:100px;
	}
	h1 {
		font-size:28px;
	}
}
@media (min-width:960px) {
	header img {
		margin:32px;
	}
}

footer {
	/*background-color:rgba(75,75,75,0.5);*/
	font-size:18px;
	text-align:center;
	padding:32px 0px;
	
	position:absolute;
	bottom:0px;
	width:100%;
}

footer > div.attribution{
    text-align: right;
    font-size: 12px;
    color: black; 
}

footer > * {
	margin: 0px 32px;
}

footer > a {
	white-space: nowrap;
}