@media only screen and (max-width: 1500px) {
  .container:not(.contextual-region .container) {
    width: calc(100% - 50px) !important;
    max-width: calc(100% - 50px) !important;
    margin-left: 25px;
    margin-right: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .container:not(.contextual-region .container) {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

/*# sourceMappingURL=iframe.css.map */