:root{
	--color-haus: #356F9E;
	--color-link: #222222;
}

body{
	display: flex;
	justify-content: center;
	align-items: center;
}

.wrapper{
	max-width: 960px;
	margin: 0 auto;
	padding: 5rem;
}

.wrapper>.flex{
	flex-direction: column;
}

.flex{
	display: flex;
	justify-content: center;
}

h1, h2{
	margin-top: 3rem;
	text-align: center;
	color: var(--color-haus);
	font-family: Lato, Helvetica, Roboto, sans-serif;
	font-weight: 500;
}

p{
	font-family: Lato, Helvetica, Roboto, sans-serif;
	font-size: 1.6rem;
}

.smaller p{
	font-size: smaller;
}

a{
	color: var(--color-link);
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}


.center{
	text-align: center;
}

.mt{
	margin-top: 5rem;
}