.container {
  width: 100%;
  max-width: 84.375rem;
  padding-right: 1.125rem;
  padding-left: 1.125rem;
  margin: auto;
}

@media (min-width: 75rem) {

  .container {
    padding-right: 2.25rem;
    padding-left: 2.25rem;
  }
}

.page-wrapper {
  max-width: 100%;
  background: #fff;
}

/**
 * Creates stacking context ensuring that child elements can never appear in
 * front of mobile navigation.
 */

.layout-main-wrapper {
  position: relative;
  z-index: 2; /* Ensure dropdown is not cut off by footer. */
  min-height: calc(100vh - 223px);
}

/* Contains the social sidebar, and the primary content area. */

@media (min-width: 75rem) {

  .layout-main {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
  }
}

@media (min-width: 75rem) {

  [dir="ltr"] .main-content {
    margin-right: auto;
    margin-left: auto;
  }

  [dir="rtl"] .main-content {
    margin-left: auto;
    margin-right: auto;
  }

  .main-content {
    width: calc(100% - 5.625rem);
  }
}

.main-content__container {
  padding-top: 3.375rem;
}

@media (min-width: 43.75rem) {

  .main-content__container {
    padding-top: 3.625rem;
  }
}