html {
  box-sizing: border-box;
}

*,
*::after,
*::before {
  box-sizing: inherit;
}

// Background color for main content. Body color is set by footer color.
.layout-container,
.layout__wrapper--main {
  background: white;
}

body.footer-color {
  &--dk-gray {
    background: $near-black;
  }

  &--md-gray {
    background: $gray;
  }

  &--lt-gray {
    background: $near-white;
  }

  &--white {
    background: white;
  }
}

$grid-container-padding: rem-calc(40);

.grid-container {
  padding-right: $grid-container-padding;
  padding-left: $grid-container-padding;
}

.layout__wrapper--main {
  background: white;
}