.callout--full-width {
  background: none;
  grid-gap: 90px;
  min-height: 650px;
}
@media (max-width: 991.98px) {
  .callout--full-width {
    min-height: auto;
  }
}
@media (max-width: 991.98px) {
  .callout--full-width {
    grid-gap: 30px;
  }
}
.callout--full-width .callout-content {
  padding: 40px 0;
  max-width: 525px;
  box-sizing: border-box;
}
@media (max-width: 767.98px) {
  .callout--full-width .callout-content {
    grid-column: 1;
    grid-row: 1;
    padding: 15px 0 0;
    max-width: 100%;
  }
}
.callout--full-width .callout-copy {
  padding: 0 25px;
}
@media (max-width: 991.98px) {
  .callout--full-width.callout--media-right-aligned {
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto;
  }
}
.callout--full-width.callout--media-right-aligned .callout-content {
  margin: 0 0 0 auto;
}
.callout--full-width .media-item {
  z-index: 10;
}
@media (max-width: 767.98px) {
  .callout--full-width .media-item {
    grid-column: 1;
    grid-row: 2;
  }
}
@media (max-width: 991.98px) {
  .callout--full-width.callout--media {
    grid-template-columns: 1fr 2fr;
    grid-template-rows: auto;
  }
}
@media (max-width: 767.98px) {
  .callout--full-width.callout--media {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 400px;
  }
}
@media (max-width: 991.98px) {
  .callout--full-width.callout--media.callout--media-right-aligned {
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto;
  }
}
@media (max-width: 767.98px) {
  .callout--full-width.callout--media.callout--media-right-aligned {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 400px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .callout--full-width.callout--media figure.callout-image {
    height: 300px;
  }
}