* { 
	margin: 0; 
} /*zorgt ervoor dat je geen stukken tussen de knoppen en titel hebt*/

body {
    font-family: Verdana;  /*lettertype*/
    font-size: 2vw; /*groote van de letters*/
    background-color: #87CECB;  /*dit kan je gewoon vertalen, luchtblauwe kleur*/
}

p {
    padding: 2vw; /* zorgt ervoor dat de tekst niet recht aan de zijkant staat*/
} 

.wrapper {
    width: 94vw; /*breedte van de pagina, 94%*/
	margin: auto; /*plaats de pagina in het midden*/
}

header {
    background-color: #87CEEB; /*lichtblauw*/
}

header h1 {
    padding: 1.5vw 2vw 1vw 2vw; /*het stukje tussen de titel en de knoppen*/
	color: #8B5A2B;   /*aardebruine titel*/
    font-family: Impact; /*lettertype*/
    font-weight: normal; /*letters minder dik*/
    font-size: 5vw;
    text-align: center; /*titel in het midden*/
}

nav {
    background-color: #7CFC00; /*grasgroen*/
    display: flex;  /*knoppen netjes naast elkaar*/
}

nav a {
    font-family: Impact, sans-serif;
    font-size: 2.573vw; /*nog groter en de knoppen kunnen net niet naast elkaar, dan is de 5e onder de 1e (als je scherm kleiner wordt)*/
	color: black; /*tekstkleur*/
    text-decoration: none;
    display: inline-block; /*hier doet het eigenlijk niks*/
    width: 19vw;
    height: 8vw;
    text-align: center; /*midden van de knop*/
    line-height: 8vw; /*teksthoogte*/
    padding: 0vw 0vw 0vw 0vw;
    border-radius: 1vw; /*maakt de knoppen "niet vierkant"*/
}

nav a:hover {
    background-color: white; /*als je met je muis over een knop gaat behalve waar je op zit is wit*/
}

nav a.focus {
  background-color: #8B5A2B; /*aardebruin*/
  color: white; /*andere tekstkleur want de pagina waar je op zit*/
}

img {
    width: 47vw; /*helft van de pagina*/
    height: 27vw;
}
.foto-rij {
    display: flex; /*fotos naast elkaar*/
}
.bigimage {
    width: 94vw; /*tekst eronder*/
    padding: 0vw 0vw 1vw;   /*een stukje tussen "contact" en foto beschrijvingen*/
}

.bigimage p {
    background-color: #3C651B; /*anders past het niet met luchtblauw*/
    color: #87CEEB;
    font-size: 2vw;    
    text-align: center;
}

article {
    background-color:#87CEEB; 
    margin: 1vw 0vw;
}

article h1{
    padding: 1vw; /*lijn tussen de h1 titel en de tekst*/
    font-family: Impact; /*maakt de tekst meer dikker en op elkaar gedrukt*/
    font-size: 4vw;
    text-align: center; 
}
article h2{
    padding: 1vw; /*zie article h1*/
    font-family: Impact;
    font-size: 4vw;
    text-align: center; /*plaats de titel tekst in het midden*/
}
th, td {
    border: 0.15vw solid; /*maakt de randen zichtbaar*/
}
table {
    background-color: #87CEEB
}
.contact {
    background-color: #B87333; /*aarde-bruin*/

}
footer {
    background-color: #9966CC; /*ametyst-paars*/
}

footer p {
    color: white; /*witte tekst in de paarse achtergrond*/
}
/*ul en ol zijn goed zoals ze zijn*/