.page-container {
  max-width: 1200px;
}

.region {
  margin-bottom: 0.75rem;
  position: relative;
}

.region::before {
  content: "";
  display: block;
  width: 100%;
}

.mobile-2r-1c-spaced {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  margin: 5px 0 0;
}
@media (min-width: 544px) {
  .mobile-2r-1c-spaced {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.mobile-2r-1c-spaced .region {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/*
    padding-top in percentages refers to parent width
    this allows us to specify an aspect-ratio
*/
.region_landscape-large::before {
  padding-top: 39.0625%;
}

.region_square::before {
  padding-top: 100%;
}

.region_landscape-small::before {
  padding-top: 50%;
}

.region_portrait-small::before {
  padding-top: 200%;
}

div.sf-interactions-proxyHoverContainer a {
  overflow: visible;
}

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