@media screen and (max-width: 1125px) {
  h1 {
    font-size: 40px;
    line-height: 40px;
  }
  h2 {
    font-size: 26px;
    line-height: 26px;
  }
  h3 {
    font-size: 20px;
    line-height: 20px;
  }
  .nav__rechts li {
    padding: 0px 15px;
  }
}
@media screen and (max-width: 1075px) {
  html,
  body {
    font-size: 14px;
  }
  #hero {
    height: 500px;
  }
  #hero.small {
    height: 250px;
  }
  .section {
    padding: 60px 0px;
  }
  .section.small {
    padding: 30px 0px;
  }
  .blok .blok-bottom,
  .prijsblok .prijsblok-bottom {
    font-size: 28px;
    line-height: 28px;
  }
}
@media screen and (max-width: 770px) {
  #intro .kol12,
  #content .kol12,
  #aanmelden .kol12 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .kol3 {
    width: 50%;
  }
  #blokken .imageblocks .kol6 {
    width: 100%;
  }
}