.pf-header-1 {
  font-size: 5vw;
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: italic;
  }

.pf-header-2 {
  font-size: 2vw;
  font-family: "roboto", serif;
  font-optical-sizing: auto;
  font-style: italic;
}

.pf-paragraf {
  font-size: 1.5vw;
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;

}

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

body {
  background-image: url("../../images/Adeline_1.jpg");
  background-repeat: no-repeat;
  background-size: 30%;
  background-position: bottom right;
  background-origin: unset;
  background-size: cover;
  box-shadow: inset 0px 0px 100px rgb(0, 0, 20, 1);
  -webkit-box-shadow: inset 0px 0px 100px rgba(0, 0, 20, 1);
  -webkit-filter: sepia(100%) brightness(10%) contrast(130%) grayscale(80%);
  filter: sepia(100%) 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%;
  }
}