.page {
  margin-top:150px;
}
.no-padding {
  padding-left:0;
  padding-right:0;
}

.intro {
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content: space-between;
}
  .intro .tekst {
    height:100%;
  }
    .intro .tekst .cont {
      border-left:1px solid var(--orange);
      padding:10px 50px 10px 25px;
    }
      .intro .tekst h1 {
        font-weight:bold;
        text-transform:uppercase;
        font-size:54px;
      }

      .intro .quote {
        background-color:black;
        color:white;
        font-style:italic;
  			font-size:16px;
        display:flex;
      }
        .intro .quote .img {
          width:50%;
          height:100%;
          background-color:#eee;
          background-size:cover;
          background-position:center;
        }
        .intro .quote .text {
          padding:25px;
          width:100%;
        }
      .intro .quote .person {
        width:100%;
        font-style:normal;
        font-size:12px;
        padding-top:8px;
        opacity:1;
        transition:3s;
        -webkit-transition:3s;
        font-weight:lighter;
      }
      .intro .quote .person:before {
        content:" ";
        background-color:var(--root);
        display:inline-block;
        width:10px;
        height:10px;
        border-radius:10px;
        margin:0px 4px -1px 0px;
      }
        .intro .quote .person b {
          color:var(--root);
          font-weight:500;
          margin-left:5px;
        }

.header-img {
  width:100%;
  height:0;
  padding-top:100%;
  background-color:#eee;
  background-size:cover;
  background-position:center;
}


.blacklayer {
  background-color:black;
  padding:100px 0px;
}



.logo-slider {
  width:calc(100% + 30px);
  margin:50px 0px 50px -15px;

  height:200px;
  position:relative;
  overflow:hidden;
}
  .logo-slider .slick-track {
    height:200px;
    position:relative;
    overflow:hidden;
  }
  .logo-slider .slick-slide {
    display:flex;
    justify-content:center;
    align-items:center;
    max-height:200px;
    position:relative;
    height:100%;
    padding:25px;
  }
    .logo-slider .slick-slide img {
      max-height:inherit;
      object-fit:contain;
      object-position:center;
      height:100%;
      width:100%;
      object-fit:contain;
      object-position:center;
    }

.media-cont {
  margin-bottom:50px;
}

.media-cont h2 {
  text-transform:uppercase;
  font-weight:bold;
  width:100%;
  text-align:center;
  margin:60px auto 50px auto;
  font-size:40px;
}
  .media-cont iframe {
    width:100%;
    height:40vw;

  }

  .media-cont .galerij.row {
    padding:20px 0px;
  }
  .media-cont .galerij .img {
    width:100%;
    background-color:#eee;
    background-size:cover;
    height:0;
    padding-top:100%;
    margin-bottom:30px;
  }

@media screen and (max-width:1670px) {
  .page {
    padding:0px 30px;
  }
}
@media screen and (max-width:1199px) {
  .intro .tekst h1 {
    font-size:50px;
  }
  .header-img {
    margin-bottom:30px;
  }
}
@media screen and (max-width:767px) {
  .intro .tekst h1 {
    font-size:30px;
  }
  .blacklayer {
    padding:50px 0px;
  }
}