.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;
}

.section-bootje{
 float: left;
 width: 100vw;
 height: 100vh;
 display: flex; 
 justify-content: center; 
 align-items: center;
}

.image-bootje{
 height: 65%;
}

*:focus{
 outline: none;
}

.box-bootje{
 padding: 2em;
 border: transparent solid;
 border-radius: 2em;
 margin-top: 15vh;
 height: 80vh;
 -webkit-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.75);
}

.form-bootje{
 display: flex;
 margin-left: 0.5em;
 margin-right: 0.5em;
}

.input{
 height: 2.5em;
 border-width: 2.5px;
 border-color: #E6E462;
 border-style: solid;
 border-radius: 0.5em;
 color: #26a8c7;
 -webkit-transition: width .35s ease-in-out;
 transition: width .35s ease-in-out;
 font-size: 1.2em; 
}

.input::placeholder{
 color: #33B5E9;
}

.input:focus{
 border-color: #33B5E9;
}

.container-input-bootje{
 border-width: 2.5px;
 border-radius: 0.5em;
 justify-content: center;
 align-items: center; 
 display: inline-flex;
 width: 20%;
 margin-right: 1%;
 margin-left: -0.8em;
 background-color: #33B5E9;
}

.input-file {
 display: none;
}

.input-file-label {
 border-width: 2.5px;
 height: 2em;
 border-radius: 0.5em;
 display: inline-block;
 padding: 0.2em 0.4em;
 cursor: pointer;
 font-size: 2em; 
 text-align: center;
}

.fa-cloud-arrow-up{
 color: #E6E462;
 font-size: 1.5em;
}

.fa-upload:hover{
 color: #ffffff;
}

.container-submit-bootje{
 border-width: 2.5px;
 background: #33B5E9;
 border-radius: 0.5em;
 justify-content: center;
 align-items: center; 
 display: inline-flex;
 width: 30%;
 margin-left: 1%;
}

.submit-bootje{
 height: 2em;
 color: #E6E462; 
 font-size: 1.65em; 
 font-family: "poppins", sans-serif;
 font-weight: 700; 
 border:none; 
 padding: 0.4em 0.8em;
 background-color: transparent;
 cursor: pointer;
}

@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;
}
}