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

.region {
  position: relative; }

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

/*
    padding-top in percentages refers to parent width
    this allows us to specify an aspect-ratio
*/
.region_landscape-large::before {
  padding-top: calc(400 / 1024 * 100%); }

.region_square::before {
  padding-top: calc(1 / 1 * 100%); }

.region_landscape-small::before {
  padding-top: calc(1 / 2 * 100%); }

.region_portrait-small::before {
  padding-top: calc(2 / 1 * 100%); }

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

@media (max-width: 768.98px) {
  .switch-order-4r-1c .region:nth-child(3) {
    -ms-flex-order: 4;
        order: 4; }
  .switch-order-4r-1c .region:nth-child(4) {
    -ms-flex-order: 3;
        order: 3; } }