#header p {
  max-width: 515px;
  font-family: AbrilFatface, "times new roman", times, roman, serif;
}

@font-face {
  font-family: 'AbrilFatface';
  font-style: normal;
  font-weight: 400;
  src: local('AbrilFatface'), url("assets/webfonts/AbrilFatface-Regular.ttf") format('ttf');
}

p {
  font-weight: 200;
}

body {
  background-image: url("../../images/jeroen.jpg");
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: bottom right;
  background-origin: unset;
  box-shadow: inset 0px 0px 100px rgba(0, 0, 20, 1);
  -webkit-box-shadow: inset 0px 0px 100px rgba(0, 0, 20, 1);
  -webkit-filter: sepia(20%) brightness(10%) contrast(130%) grayscale(80%);
  filter: sepia(20%) brightness(10%) contrast(130%) grayscale(80%);
  position: relative;
  z-index: -1;
}
@media (min-width: 200px) {
  body {
    background-size: 62%;
  }
}
@media (min-width: 640px) {
  body {
    background-size: 50%;
  }
}
@media (min-width: 768px) {
  body {
    background-size: 60%;
  }
}
@media (min-width: 1024px) {
  body {
    background-size: 50%;
  }
}
@media (min-width: 1280px) {
  body {
    background-size: 50%;
  }
}
@media (min-width: 1680px) {
  body {
    background-size: 50%;
  }
}
@media (min-width: 2500px) {
  body {
    background-size: 40%;
  }
}
@media (min-width: 3000px) {
  body {
    background-size: 30%;
  }
}