html,
body {
  margin: 0;
  padding: 0;
  line-height: normal; }

p {
  margin: 0; }

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

.region {
  position: relative;
  margin-bottom: 0.75rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

@media only screen and (max-width: 600px) {
  .reverseInMobile .region:first-child {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; } }

.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; }


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