@media (max-width: 1200px) {
  .banner {
    width: 100%; }
  h1 {
    font-size: 3.3rem; } }

@media (max-width: 1150px) {
  .persoonlijk2 {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%; }
  .persoonlijk2 p {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
    text-align: center;
    padding-bottom: 25px; }
  .aanbod {
    width: 100%;
    justify-content: center; }
  .blok {
    margin-bottom: 19px; }
  main header article {
    width: 95%; }
  main header {
    height: 650px; } }

@media (max-width: 900px) {
  main header {
    height: 550px; }
  h1 {
    font-size: 3.3rem; }
  main header article button {
    width: 300px;
    height: 42px;
    font-size: 1.3rem; }
  .aanbod {
    padding-bottom: 10px; }
  .banner {
    flex-flow: column;
    height: 100%;
    padding: 15px; }
    .banner a {
      padding: 5px; }
    .banner a.button {
      padding: 0;
      margin: 5px;
      margin-bottom: 10px; }
  .nummer {
    padding: 15px; }
  .button {
    margin-bottom: 15px; } }

@media (max-width: 740px) {
  h1 {
    font-size: 2.7rem; } }

@media (max-width: 740px) {
  h1 {
    font-size: 2.4rem; } }

@media (max-width: 500px) {
  h1 {
    font-size: 1.7rem; }
  h2 {
    font-size: 2.4rem; }
  main header {
    height: 370px; }
  .blok {
    width: 350px; }
  .aanbod {
    padding-bottom: 0; } }

@media (max-width: 400px) {
  h2 {
    font-size: 2rem; }
  main header article button {
    width: 225px; }
  .blok {
    width: 300px; } }