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: #282828;
  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: #282828; }
  #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; }