.section-intro {
 float: left;
}

.headtext-intro {
 position: absolute;
 width: 95vw;
 margin-left: 2.5vw;
 margin-top: 78vh;
 text-align: center;
 font-size: 2.75em;
 color: white;
}

.image-intro {
 float: left;
 width: 85vw;
 margin-left: 7.5vw;
 height: 80vh;
 margin-top: 10vh;
 object-fit: cover;
 border-radius: 2em;
}

.geel-kwart-intro {
 position: absolute;
 left: 0vw;
 top: 95vh;
 z-index: -999;
 width: 7vw;
}

.container-artikel-tekst {
 float: left;
 width: 80vw;
 margin-left: 10vw;
 margin-top: 50px;
 text-align: center;
}

.headtext-artikel {
 font-size: 4em;
}

.subtext-artikel {
 font-size: 1.5em;
 line-height: 40px;
}

.container-activiteit {
 float: left;
 height: 100vh;
 width: 100vw;
}

.blauw-maan-activiteit {
 z-index: -999;
 float: left;
 position: relative;
 height: 200px;
 margin-left: 5vw;
}

.video-activiteit {
 float: left;
 width: 90vw;
 margin-left: 5vw;
 height: 90vh;
 margin-top: -8vh;
 margin-bottom: -5vh;
}

.geel-maan-activiteit {
 z-index: -999;
 float: left;
 position: relative;
 height: 250px;
 margin-left: 80vw;
 margin-top: -30vh;
}

.verschillen-activiteit{
 float: left;
 height: 100vh;
 width: 1000vw;
}
 
.verschillen-links{
 float: left;
 width: 50vw;
 height: 100vh;
 display: flex; 
 align-items: center;
}

.image-1{
 width: 70%;
 margin-left: 15%;
 object-fit: cover;
 border-radius: 2em;
}

.verschillen-rechts{
 float: left;
 width: 50vw;
 height: 100vh;
 display: flex; 
 align-items: center;
}

.image-2{
 width: 70%;
 margin-left: 10%;
 object-fit: cover;
 border-radius: 2em;
}

@media (max-width: 768px) {
 .headtext-intro{
  font-size: 1.7em;
 }

 .headtext-artikel {
  font-size: 2.5em;
 }
 
 .subtext-artikel {
  font-size: 0.75em;
  line-height: 20px;
 }
 
 .blauw-maan-activiteit {
  height: 100px;
  margin-left: 35vw;
 }

 .button-slideshow {
  background-color: transparent;
 }
 
.button-slideshow:hover {
 color: #26a8c7;
 cursor: pointer;
}

.verschillen-activiteit{
 float: left;
 width: 100vw;
 height: auto;
}

.verschillen-links{
 float: left;
 height: 50vh;
 width: 100vw;
}

.image-1{
 height: 50vh;
 float: left;
}

.verschillen-rechts{
 float: left;
 height: 50vh;
 width: 100vw;
 margin-top: 5%;
}

.image-2{
 height: 50vh;
 float: left;
 margin-left: 15%;
}
}