body {
	margin-top: 0vh;
	padding-top: 0vh;
	
}
h1 { 
	font-size: 7vh;
	font-weight: 200;
	color: white;
}
h2 { 
	font-size: 6vh;
	font-weight: 200;
	color: yellow;
}
header {
	background-color: rgba(55, 124, 219, 0.5) ;
	height: 100vh;
	width: 100vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}
header::after {
  content: "";
  background: url(kerndoel.jpg);
  background-size: cover;
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}

tekst {
	background-color: rgba(55, 124, 219, 0.5) ;
	border: 3px solid white;
	border-radius: 20px;
	box-shadow: 5px 5px 5px rgba(255, 255, 255, 0.8);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
	padding: 20px;
}
.jumbotron {
	background-color: rgba(55, 124, 219, 0.5) ;
}
.privacy {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.privacy::after {
  content: "";
  background: url(privacy.jpg);
  background-size: cover;
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}

.missie {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.missie::after {
  content: "";
  background: url(missie.jpg);
  background-size: cover;
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}

.visie {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.visie::after {
  content: "";
  background: url(visie.jpg);
  background-size: cover;
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}

.samenwerking {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.samenwerking::after {
  content: "";
  background: url(samenwerking.jpg);
  background-size: cover;
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}
.kerndoel {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.kerndoel::after {
  content: "";
  background: url(kerndoel.jpg);
  background-size: cover;
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}

.contact {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.contact::after {
  content: "";
  background: url(contact.png);
  background-size: cover;
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}