body {
  overflow-x: hidden;
  overflow-y: auto;
  touch-action: pan-y;
}

#stories, #story {
  display: flex;
  flex-direction: column;
  padding-top: 15rem;
  align-items: center;
  color: rgb(40, 40, 40);
  position: relative;
  background: #FBFBFB;
}
@media only screen and (max-width: 576px) {
  #stories, #story {
    padding-top: 25rem;
  }
}
#stories *, #story * {
  font-size: calc(16px + 4 * (100vw - 320px) / 2240);
  line-height: 1.5;
  /*letter-spacing: 0.01em;*/
}
#stories * .lindberg, #story * .lindberg {
  font-size: inherit;
}
@media only screen and (min-width: 576px) and (max-width: 959px) {
  #stories *, #story * {
    /*            font-size: 3rem;*/
    /*            line-height: 4rem;*/
  }
}
@media only screen and (max-width: 576px) {
  #stories *, #story * {
    /*            font-size: 4rem;*/
    /*            line-height: 6rem;*/
  }
}
#stories .slider, #stories .latestStories, #stories > .separator, #stories .slider-bottom, #story .slider, #story .latestStories, #story > .separator, #story .slider-bottom {
  position: relative;
  /*        left: 1rem;*/
}
#stories blockquote, #story blockquote {
  margin: 0;
  padding: 0;
}
#stories .header-wrapper, #story .header-wrapper {
  display: flex;
  flex-direction: column;
  width: 40%;
  padding-bottom: 10rem;
  text-align: center;
}
#stories .header-wrapper h1, #story .header-wrapper h1 {
  color: #000000;
  opacity: 0.6;
  font-size: 4.5rem;
  line-height: 4.5rem;
  margin: 0;
  padding: 0 0 3rem 0;
  text-transform: lowercase;
}
@media only screen and (min-width: 576px) and (max-width: 959px) {
  #stories .header-wrapper h1, #story .header-wrapper h1 {
    font-size: 6rem;
    line-height: 6.5rem;
  }
}
@media only screen and (max-width: 576px) {
  #stories .header-wrapper h1, #story .header-wrapper h1 {
    font-size: 8rem;
    line-height: 8.5rem;
  }
}
@media only screen and (min-width: 576px) and (max-width: 959px) {
  #stories .header-wrapper, #story .header-wrapper {
    width: 50%;
  }
}
@media only screen and (max-width: 576px) {
  #stories .header-wrapper, #story .header-wrapper {
    width: 80%;
  }
}
#stories a:link,
#stories a:visited,
#stories a:hover,
#stories a:active, #story a:link,
#story a:visited,
#story a:hover,
#story a:active {
  color: rgb(40, 40, 40);
}
#stories img, #stories video, #story img, #story video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#stories .separator, #story .separator {
  display: inline-block;
  width: 100%;
  height: 1px;
  margin: 6rem 0;
  background-color: #707070;
  opacity: 0.5;
}

#story {
  align-items: start;
}
#story .body > blockquote {
  margin: 0 5rem;
}
#story .body .media {
  margin: 0 0 6rem 0;
}
@media only screen and (max-width: 959px) {
  #story .body .media {
    margin: 0 0 12rem 0;
  }
}
#story .body .media video, #story .body .media img {
  object-fit: cover;
  width: 100%;
}
#story .body .media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: inherit;
  object-position: inherit;
}