@media (max-width: 1400px) {

}

@media (max-width: 1200px) {
.vw-slide .text {
  margin-left: -50px !important;
}
.vw-slide .text h1 {
  font-size: 40px !important;
}
.navbar-nav .nav-link {
  padding-right: 10px !important;
  font-size: 20px !important;
}
.vw-slide .text p {
  font-size: 19px !important;
}
.merkenlijst .merk {
  flex: 1 0 20% !important;
}
  }
@media (max-width: 992px) {
.vw-slide .text p {
font-size: 18px !important;
}

.ccm-page h2 {
  font-size: 35px !important;
}
}
@media (max-width: 768px) {
  .merkenlijst .merk {
    flex: 0 0 33% !important;
  }
  .merkenlijst .merk:hover {
    flex: unset !important;
  }
  .vw-slider li div {
    flex: 0 1 100% !important;
  }
  .vw-slide .text h1 {
    font-size: 30px !important;
  }
  .vw-slide .text {
    margin-left: 0 !important;
    position: absolute !important;
    padding: 30px !important;
  }
  .vw-slide .text p {
    padding-left: 0 !important;
  }
  .ccm-page h2 {
    font-size: 32px !important;
  }
  .fog {
    display: none !important;
  }
  .banner-text h1 {
    font-size: 60px !important;
    -webkit-text-stroke: 2px white !important;
  }
  .vw-slide .text p {
    font-size: 20px !important;
  }
  .footer-bottom {
    text-align: center;
  }
}
@media (max-width: 576px) {
  .merkenlijst .merk .merktekst {
    left: 5px !important;
  }
  .footer {
    border-top-right-radius:  100px !important;
  }
  .vw-slide .text p {
    font-size: 18px !important;
  }
  .ccm-page p {
    font-size: 18px !important;
  }
  .merkenlijst .merk {
    flex: 1 0 50% !important;
  }
}
@media (max-width: 400px) {
  .vw-slide .text p {
    font-size: 16px !important;
  }
  .ccm-page p {
    font-size: 16px !important;
  }
  .vw-slide .text h1 {
    font-size: 25px !important;
  }
}