.dc4326-block-holder.vertical-story-holder {
  padding-bottom: 3rem;
  position: relative;
}

.dc4326-block.vertical-story {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: start;
}

.dc4326-block.vertical-story .image {
  position: sticky;
  top: var(--header-height);
  flex-basis: 60%;
}

.dc4326-block.vertical-story .image .image_holder {
  height: 100%;
}

.dc4326-block.vertical-story .story {
  display: flex;
  display: -ms-flexbox;
  flex-direction: column;
  height: var(--full-height-minus-header);
  justify-content: center;
  position: relative;
  flex-basis: 38%;
}

.dc4326-block.vertical-story .story .part {
  width: 80%;
  margin: 0 auto;
  height: calc(100vh - (var(--fusebox-logo-height) + (2 * var(--header-vertical-padding) )));
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dc4326-block.vertical-story .story .part h3 {
  font-size: 2.5em;
  margin-bottom: .5em;
}

.dc4326-block-holder.vertical-story-holder .caption {
  padding-right: 5%;
}






@media (max-width: 1100px) {


    .dc4326-block.vertical-story .story .part h3 {
      font-size: 2em;
    }


}

@media (max-width: 900px) {


    .dc4326-block.vertical-story .story .part h3 {
      font-size: 1.5em;
    }


}


@media (max-width: 700px) {


    .dc4326-block.vertical-story .story,
    .dc4326-block.vertical-story .image {
      flex-basis: 100%;
    }

    .dc4326-block.vertical-story .image {
      height: 80vh;
      position: relative;
      top: auto;
      order: -1;
    }

    .dc4326-block.vertical-story .story .part,
    .dc4326-block.vertical-story .story {
      height: auto;
      width: 90%;
    }

    .dc4326-block.vertical-story .story {
      margin-top: 4em;
    }


}