/**
  * Section content width styles.
  *
  * class ***-container must on desktop be always wide as content
  * class section-full puts section on 100vw
  * possible outcomes:
  * section-container + content-container => section wide as content, inner columns part wide as content
  * section-full + content-container => section 100vw (for nice background effect), inner columns part wide as content
  * section-container + content-full => section wide as content, inner columns part wide as content
  * section-full + content-full => everything 100vw
 */

.layout.section-container,
.layout.content-container {
  max-width: 1256px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.section-full,
.section-container {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.section-full.bg-repeat-x,
.section-container.bg-repeat-x {
  background-size: initial;
  background-repeat: repeat-x;
}

.section-full.bg-repeat-y,
.section-container.bg-repeat-y {
  background-size: initial;
  background-repeat: repeat-y;
}

.background-video {
  position: absolute;
  z-index: 0;
  object-fit: cover;
  width:100%;
  height:100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.layout-builder__region {
  z-index: 1;
}

/*MEDIA QUERIES*/

@media only screen and (max-width: 1280px) {
  .layout.section-container {
    margin-right: 12px;
    margin-left: 12px;
    padding: 0;
  }

  .section-full .layout.content-container {
    padding-right: 12px;
    padding-left: 12px;
    max-width: max-content;
  }

}

.layout--twocol-section > .layout__region {
  max-width: 100%;
}