style.css

@font-face {
  font-family: "Kollektif";
  src: url('fonts/Kollektif.eot');
  src: url('fonts/Kollektif.eot?#iefix') format('embedded-opentype'),
       url('fonts/Kollektif.woff2') format('woff2'),
       url('fonts/Kollektif.woff') format('woff'),
       url('fonts/Kollektif.ttf') format('truetype'),
       url('fonts/Kollektif.svg#kollektifregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Gidole";
  src: url('fonts/Gidole.eot');
  src: url('fonts/Gidole.eot?#iefix') format('embedded-opentype'),
       url('fonts/Gidole.woff2') format('woff2'),
       url('fonts/Gidole.woff') format('woff'),
       url('fonts/Gidole.ttf') format('truetype'),
       url('fonts/Gidole.svg#Gidoleregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  background-color: #49494D;
}

h2 {
  color: #E8E3D9;
  font-family: "Kollektif";
  font-size: 10rem;
  line-height: 1rem;
}

h3 {
  color: #C7BBA4;
  font-family: "Gidole";
  font-size: 2rem;
}

.placeholder {
  position:absolute;
  bottom:0;
  right:0;
}

@media only screen and (min-width: 769px) {
  h2 {
    font-size: 10rem;
    line-height: 1rem;
  }
}

@media only screen and (max-width: 768px) {
  h2 {
    font-size: 6rem;
    line-height: 1rem;
  }
}