body {
	background-image: url("szubbg.jpg");
	background-position: 50% 50%;

	font-family: Cambria, Georgia, serif;
}

html, body { margin: 0; height: 100%; }
#wrapper1 { display: table; width: 100%; max-width: 550px; height: 100%; margin: 0 auto; }
#wrapper2 { display: table-row; }
#wrapper3 { display: table-cell; vertical-align: middle; }

a.button {
	background: rgba(255, 255, 255, 0.9);
	transition: background-color 0.3s;

	padding: 1em;
	margin: 1em 0;

	text-align: center;
	text-decoration: none;

	display: block;
}
a.button:hover {
	background: rgba(240, 240, 240, 0.9);
}

a:link, a:visited { color: inherit; }

#logo { text-align: center; }
#logo > span:nth-child(1) { font-size: 60pt; }
#logo > span:nth-child(2) { font-size: 30pt; }

h1 {
	text-align: center;
	margin: 5px;
}

div#tekst {
	background: rgba(255, 255, 255, 0.9);
	text-align: center;
}

div.nius {
	background: rgba(255, 255, 255, 0.9);
	text-align: justify;
	display: none;
}

p {
	margin: 10px;
}

div.fill {
	width: 100%;
	height: 1em;
}

@media screen and (max-device-width: 480px) {
	body { background-size: 350% auto; }
	a.button { margin: 0.5em 0; }
}

span.home {
	color: red;
}

span.hehe {
	color: green;
}