body {
	background: #1d1e1f;
	display: flex;
	flex-direction: column;
	height: 100vh;
	font-family: 'Droid Serif', serif;
	color: #fff;
	font-size: 3vw;
	line-height: 5vw;
	margin: 0;
	transition: font-size 300ms ease, line-height 300ms ease;
}

.outer {
	margin: auto;
}
.block {
	background-image: url(i/bg.gif);
	padding-left: 10vw;
	padding-right: 10vw;
	padding-top: 5vw;
	padding-bottom: 5vw;
	min-height: min-content;
}

h1 {
	font-weight: normal;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.icons {
	font-size: 1.2em;
	transition: font-size 300ms ease;
}

.icons a {
	color: #1d1e1f;
	transition: color 300ms ease;
}

.icons a:hover {
	color: #fff;
	text-decoration: none;
}

@media only screen and (max-width: 800px) {
    body {
		font-size: 4.5vw;
		line-height: 7vw;
    }
	
	.icons {
		font-size: 2em;
	}
}