#header.floating + .page-content, #header.floating + .post {
  & > .group:first-child .row.story-row:first-child {
    & > .story-image {
      height: calc(40vh + #{$header-height}px);
      &.blank {
        height: calculateRem($header-height);
        background-color: $header-color;
      }
    }
    & > .story {
      margin-top: calculateRem($header-height);
    }
    & > .story-image + .story {
      margin-top: 0;
    }
  }
}

.group.story-group {
  .row.story-row {
    padding-top: 0;
    padding-bottom: calculateRem(50);
    display: flex;
    flex-flow: column nowrap;
    .story-image {
      margin-right: calculateRem(-50);
      margin-left: calculateRem(-50);
      &.blank {
        height: 0;
      }
    }
    .story {
      align-self: center;

      @include breakpoint(tablet) {
        width: 45vw;
        max-width: calculateRem(1200);
      }

      & > div {
        padding-top: calculateRem(50);
      }

      & > h1, h2, h3, h4, h5, h6 {
        padding-top: calculateRem(50);
      }

      & > h1 + div {
        padding-top: 0;
      }

      .content {
        img {
          max-width: 100%;
          height: auto;
        }
      }
    }
  }
}
