html, body { font-family: 'Salsa', cursive; margin: 0; }

div#title { height: 260px; background-image: url('images/zeelandbrug_big.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; }
div#title { padding-top: 25px; padding-left: 25px; font-size: 2em; border-bottom: 2px solid blue; }

h1 { font-size: 1.5em; }

@media screen and (max-width: 700px) {
	div#title { height: 260px; background-image: url('images/zeelandbrug_small.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; }
	div#links { margin-left: 1em; margin-right:1em; }
	div#links ul { margin: 0; padding: 0;}
	div#links li { margin: 0; margin-top: 1.5em; margin-bottom: 1.5em; list-style-type: none; padding: 0; }
	div#links a { border: 1px solid black; display: block; padding: 1em; }
	div#links a { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
	div#links a { background-image:linear-gradient(to right, #7CD7FF, #0050FF);}
	div#links a, div#links a:active, div#links a:visited, div#links a:hover {text-decoration: none; color: black;}
}
@media screen and (min-width: 700px) {
	div#links { width: 690px; margin: 0 auto; }
	div#links a, div#links a:active, div#links a:visited, div#links a:hover {color: blue;}
}