@font-face {
    font-family: merri;
    src: url(fonts/MerriweatherSans-Regular.ttf);
}

body, * {

	font-family: merri;
	line-height: 1.6em;
}

h1, h2, p {
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
	max-width: 960px;
	padding-left: 16px;
	padding-right: 16px;
}

h1 {
	
	margin-bottom: 3em;
}

.Tiles {
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	
	padding-left: 16px;
	padding-right: 16px;
	
	display: grid;
  	grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));
  	grid-gap: 10px;
}

.Tile {
	
	height: 100%;
	border-style: solid;
	border-color: white;
	border-width: 1px;
}


.Tile img {
	
	width: 100%;
}

.Impressum {
	
	margin-top: 4em;
	
}