body {
	height: 100%;
	margin: 0;
}

html {
	background: #F2F2F2;
	color: #222;
	font-family: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;
}

main {
	min-height: 100%;
}

#front {
	align-items: center;
	gap: 2em;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	position: absolute;
	width: 100%;
}

#logo {
	display: block;
	max-height: 200px;
	max-width: 100%;
}

#newsletter {
	text-align: center;
}


.social-links {
    list-style: none;
    margin: 3em 0 0;
    padding: 0;
}

.social-links li {
    display: inline-block;
    margin: 0em;
}

.social-links a {
    color: #666;
    padding: 0 0.25em;
    text-decoration: none;
}

.social-links a:hover {
    color: #000;
}

.social-links svg {
    height: 2em;
    width: 2em;
}