/* CAP STACKED SECTIONS */
.cap-stacked-sections-container {
  position: relative;
  width: 100%;
  display: grid;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.cap-stacked-sections-container * {
  box-sizing: border-box;
}

/* LG SECTION */
.cap-stacked-sections-lg {
  position: relative;
  grid-row: 1 / 6;
  grid-column: 1 / 7;
  overflow: hidden;
  background-size: cover;
  background-position: top left;
  background-repeat: no-repeat;
  z-index: 1;
}
.cap-stacked-sections-lg .embed iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.cap-stacked-sections-lg.background-video .embed iframe {
  transform: scale(1.5);
}
.cap-stacked-sections-lg.video {
  min-height: 750px;
  background-color: #18191b;
}
@media only screen and (max-width: 900px) {
  .cap-stacked-sections-lg.video {
    min-height: auto;
  }
}

/* SM SECTION */
.cap-stacked-sections-sm {
  grid-row: 3 / 7;
  grid-column: 5 / 7;
  overflow: hidden;
  background-color: #FFFFFF;
  padding: 60px;
  z-index: 2;
}

/* ALIGNMENT */
.align-right-offset .cap-stacked-sections-sm {
  grid-row: 3 / 7;
  grid-column: 5 / 7;
}
.align-left-offset .cap-stacked-sections-sm {
  grid-row: 3 / 7;
  grid-column: 1 / 3;
}
.align-right-center .cap-stacked-sections-sm {
  grid-row: 2 / 6;
  grid-column: 5 / 7;
}
.align-left-center .cap-stacked-sections-sm {
  grid-row: 2 / 6;
  grid-column: 1 / 3;
}
.align-right-center .cap-stacked-sections-lg {
  grid-row: 1 / 7;
  grid-column: 1 / 6;
}
.align-left-center .cap-stacked-sections-lg {
  grid-row: 1 / 7;
  grid-column: 2 / 7;
}

/* COLORS */
.cap-stacked-sections-sm.red-theme {
  background-color: #CC0000;
  color: #FFFFFF;
}
.cap-stacked-sections-sm.red-theme h1, .cap-stacked-sections-sm.red-theme h2, .cap-stacked-sections-sm.red-theme h3 {
  color: #FFFFFF;
}

@media only screen and (max-width: 1300px) {
  .align-right-offset .cap-stacked-sections-sm {
    grid-column: 4 / 7;
  }
  .align-left-offset .cap-stacked-sections-sm {
    grid-column: 1 / 4;
  }
  .align-right-center .cap-stacked-sections-sm {
    grid-column: 4 / 7;
  }
  .align-left-center .cap-stacked-sections-sm {
    grid-column: 1 / 4;
  }
}

@media only screen and (max-width: 1000px) {
  .cap-stacked-sections-container {
    display: flex;
    flex-flow: column wrap;
  }
  .cap-stacked-sections-lg {
    flex: 1 1 400px;
    height: 400px;
    order: 1;
  }
  .cap-stacked-sections-sm {
    flex: 1 1 auto;
    order: 2;
    padding: 30px;
  }
}