/**
 * h1 Styles
 */
/**
 * h2 Styles
 */
/**
 * h3 Styles
 */
/**
 * h4 Styles
 */
/**
 * h5 Styles
 */
/**
 * h6 Styles
 */
/**
 * Container for components .container class
*/
/*
* Content + Two Sidebars Layout
* Pages: Spikes, Brixx, Tax
*/
.media-text {
  max-width: 93.75rem;
  margin: 0 auto;
  padding: 3.75rem 1.875rem;
}
@media screen and (min-width: 768px) {
  .media-text {
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 1440px) {
  .media-text {
    max-width: 105rem;
    padding: 3.75rem 7.5rem;
  }
}
@media screen and (min-width: 1920px) {
  .media-text {
    max-width: calc(90rem + 12.5%);
    padding: 3.75rem 6.25%;
  }
}
.media-text .col-media {
  max-width: 35.9375rem;
  max-height: 26.25rem;
  margin: 0 0 4rem;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .media-text .col-media {
    width: calc(50vw - 1.875rem - 25px);
    height: calc((50vw - 1.875rem - 25px) * 0.73044);
    margin: 0 25px 0 0;
    position: relative;
  }
}
@media screen and (min-width: 1440px) {
  .media-text .col-media {
    width: calc(50vw - 7.5rem - 25px);
    height: calc((50vw - 7.5rem - 25px) * 0.73044);
  }
}
.media-text .col-media img.img-fluid {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  clip-path: polygon(0 48px, 35px 0, 100% 0, 100% calc(100% - 48px), calc(100% - 35px) 100%, 0 100%);
}
@media screen and (min-width: 768px) {
  .media-text .col-media img.img-fluid {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
@media screen and (min-width: 1440px) {
  .media-text .col-media img.img-fluid {
    clip-path: polygon(0 96px, 70px 0, 100% 0, 100% calc(100% - 96px), calc(100% - 70px) 100%, 0 100%);
  }
}
@media screen and (min-width: 768px) {
  .media-text .col-media.right {
    order: 1;
    margin: 0 0 0 25px;
  }
}
@media screen and (min-width: 1440px) {
  .media-text .col-media.right + div {
    padding: 0 8.125rem 0 3.75rem;
  }
}
.media-text .col-content {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .media-text .col-content {
    width: calc(100% - (50vw - 1.875rem));
    padding: 0 1.875rem;
  }
}
@media only screen and (min-width: 1260px) {
  .media-text .col-content {
    width: calc(100% - 37.5rem);
  }
}
@media screen and (min-width: 1440px) {
  .media-text .col-content {
    padding: 0 3.75rem 0 8.125rem;
  }
}
@media screen and (min-width: 1440px) {
  .media-text .col-content {
    padding: 0 3.75rem 0 8.125rem;
  }
}
.media-text .col-content h4 {
  position: relative;
}
.media-text .col-content h4::before {
  content: "";
  position: absolute;
  top: -35px;
  left: 0;
  height: 1px;
  width: 50px;
  border: 1px solid #1a1a1a;
}
@media screen and (min-width: 1440px) {
  .media-text .col-content p {
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 1440px) {
  .media-text .col-content .arrow-button svg {
    width: 58px;
    height: 58px;
  }
}
.media-text.row {
  margin: 0 auto;
}

.paragraph--type--media-and-text + div .dual-cta {
  margin-top: 11rem;
}