body {
	background: url("potsdamer-platz.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 10px;
	font-family: 'Lato', sans-serif;
	font-size: 19px;
	line-height: 150%;
}

h1 {
	font-size: 1.2em;
	margin-bottom: 2em;
}

.wrapper {
	background-color: rgba(255, 255, 255, 0.9);
	padding: 20px;
	margin: 0px auto;
}

li {
	padding: 0.1rem 0;
}

img {
	width: 100%;
	border-radius: 50%;
}

.language-switcher {
	text-align: right;
}

.image {
	width: 80%;
	margin: 0px auto;
}

@media (min-width: 520px) {
	.image {
		width: 30%;
	}
	h1 {
		font-size: 1.1em;
	}
	p {
		font-size: 0.8em;
	}
}

@media (min-width: 700px) {
	.wrapper {
		padding: 50px;
		max-width: 700px;
	}
	h1 {
		font-size: 1.2em;
	}
	p {
		font-size: 1.0em;
	}
}

@media print {
	.no-print,
	.no-print *,
	.language-switcher {
		display: none !important;
	}

	.page-break {
		page-break-before: always;
	}

	h1 {
		font-size: 1.8em;
		margin-bottom: 1.2em;
	}

	hr {
		display: none;
	}

	li {
		font-size: 15px;
	}
}