body {
  background: #dbf0ff;
  margin: 0;
  font-family: 'Oswald';
}

.parallax-container {
  position: fixed;
  overflow: visible;
  width: 100%;
  height: 850px;
}
.parallax-layer {
  width: 100%;
  height: 500px;
  position: fixed;
  left: 0;
  top: 0;
  background-position: bottom center;
  background-repeat: repeat-x;
  background-size: 960px 203px;
}
/* comment out a line */
  .layer-0 {
    top: 0px;
    z-index: 5;
    background: #dbf0ff url('Afbeeldingen/band.png') no-repeat top 20px center;
    background-size: 850px 400px;
        /*background-size: 1020px 138.5px;*/
           /* background-size: 850px 400px;*/
   }
  .layer-1 {
    top: 0px;
    z-index: 5;
        background-image: url('/Afbeeldingen/Parallax/laag1.png');

  }
  .layer-2 {
    top: -50px;
    z-index: 10;
    background-image: url('/Afbeeldingen/Parallax/laag2.png');
  }
  .layer-3 {
    top: -10px;
    z-index: 15;
    background-image: url('/Afbeeldingen/Parallax/laag3.png');
  }
  .layer-4 {
    top: 0px;
    z-index: 20;
    background-image: url('/Afbeeldingen/Parallax/laag4.png');
  }
  .layer-5 {
   top: 100px;
   left: 400px;
    z-index: 25;
            background-image: url('/Afbeeldingen/Parallax/laag5.png');
  }

.content {
  position: absolute;
  top: 800px;
  background: var(--hoofdkleur);
  width: 100%;
  min-height: 1500px;
}
  .content h1 {
    color: #fff;
    font-size: 2em;
    text-transform: uppercase;
    text-align: center;
  }
    .content h2 {
    color: #b2bbc1;
    font-size: 1.5em;
    text-align: left;
  }
  .column2 {
  float: left;
    width: 23%;
    padding: 12px;
    min-height: 350px;
    text-align: center;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width:768px) {
    .all_columns{width :100%;}
}