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(0,0,0,1); /*just in case it shows through at the bottom...*/

	background-image:url(img/scene-1.jpg);
	background-size:cover;
	/*background-position:center;*/
	min-height:320px;
}

a {
	color:#ddd;
}

header {
	text-align:center;
	margin:auto;
	padding-bottom:8%;
}

header img {
	max-height:200px;
	max-width:95%;
	margin-top:16px;
}

h1{
	background-color:rgba(4,4,4,0.4);
	padding: 4px 5px;
	border-radius: 5px;
}
@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 > * {
	margin: 0px 32px;
}

footer > a {
	white-space: nowrap;
}