@media all and (min-width: 600px) {
	html, body {
		height: 100%;
		display: grid;
	}
}

body {
	font-family: "Nunito Sans", sans-serif;
	font-size: 16px;
	background-color: #f2f2f2;
}

img {
	max-width: 100%;
}

.container {
	margin: auto;
	background-color: #fff;
	padding: 3em;
	box-shadow: 0 0 12px 4px rgba(0, 0, 0, .1);
	max-width: 1200px;
	border-top-left-radius: 1em;
	border-bottom-right-radius: 1em;
}

p {
	line-height: 1.5em;
	margin-bottom: 1em;
}

.logo {
	display: grid;
	justify-items: center;
	margin-bottom: 4em;
}

.logo img {
	max-height: 80px;
}

h1, h2 {
	font-weight: bold;
	margin-bottom: 1em;
	color: #37c6f4;
	line-height: 1.5em;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.25em;
}

hr {
	margin-top: 2em;
	margin-bottom: 2em;
}

@media all and (min-width: 600px) {
	.main {
	}
}

.btn a {
	display: block;
	background-color: #d8de3e;
	padding: 1em 0;
	text-align: center;
	font-weight: bold;
	font-size: 2em;
	border-radius: 0.5em;
	text-decoration: none;
	color: #fff;
	margin-top: 1em;
	margin-bottom: 1em;
}

a.btn-small {
	font-size: 1.5em;
}

a {
	color: #4acae7;
}

.content-nl {
	/*padding-bottom: 2em;*/
	/*border-bottom: 1px solid #eee;*/
	/*margin-bottom: 2em;*/
}