#home {
  max-width: 1920px;
}

#home .row {
  max-height: 90vh;
  width: 100%;
  margin: 0;
}

#body > .row:first-of-type {
  height: 90vh;
}

#body > .row {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

#image {
  position: relative;
  height: 100%;
  max-height: 65vh;
}

h5.headline {
  font-family: "Roboto Slab", serif;
  text-align: center;
  font-weight: 400;
  letter-spacing: 6px;
  padding-left: 10%;
  padding-right: 10%;
}

@media only screen and (max-width: 992px) {
  h5.headline {
    font-size: 18px;
    letter-spacing: 2px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .blog > div > div {
    padding-left: 2vw !important;
    padding-right: 2vw !important;
  }
}

@media only screen and (max-width: 575px) {
  #body > .row:first-of-type {
    height: 200vh;
    max-height: 200vh;
  }
  .blog > div > div {
    padding-left: 5vw !important;
    padding-right: 5vw !important;
    padding-bottom: 3vh;
    padding-top: 3vh;
    border-bottom: solid 1px rgba(51, 51, 51, 0.164);
  }
}