main.main {
  // min-height: 200vh;
  min-height: calc(100vh - 10rem);
}
$container-max: 1500px;
.container-padding-left {
  padding-left: 1.2rem;
  @media (min-width: 576px) {
    padding-left: 2rem;
  }
  @media (min-width: 992px) {
    padding-left: 4.219vw;
  }
  @media (min-width: $container-max) {
    padding-left: calc((100vw - $container-max + 100px) * .5);
  }
}
.container-padding-right {
  padding-right: 1.2rem;
  @media (min-width: 576px) {
    padding-right: 2rem;
  }
  @media (min-width: 992px) {
    padding-right: 4.219vw;
  }
  @media (min-width: $container-max) {
    padding-right: calc((100vw - $container-max + 100px) * .5);
  }
}
.container-negative-left {
  margin-left: -1.2rem;
  @media (min-width: 576px) {
    margin-left: -2rem;
  }
  @media (min-width: 992px) {
    margin-left: -4.219vw;
  }
  @media (min-width: $container-max) {
    margin-left: calc((100vw - $container-max + 100px) * (-.5));
  }
}
.container-negative-right {
  margin-right: -1.2rem;
  @media (min-width: 576px) {
    margin-right: -2rem;
  }
  @media (min-width: 992px) {
    margin-right: -4.219vw;
  }
  @media (min-width: $container-max) {
    margin-right: calc((100vw - $container-max + 100px) * (-.5));
  }
}
.container-negative {
  @extend .container-negative-left;
  @extend .container-negative-right;
}
.container-padding {
  @extend .container-padding-left;
  @extend .container-padding-right;
}
.container-fluid {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  @media (min-width: 576px) {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  &:not(.limitless) {
    @extend .container-padding;
  }
}
// ### Inside body links
// Mixin + color property
.inside-body-link {
  &:not(.btn) {
    @include ease-out-sine(.15s);
    color: currentColor;
    box-shadow: inset 0 -2px 0 -1px currentColor;
    &:hover {
      color: currentColor;
      box-shadow: inset 0 -3px 0 -1px currentColor;
    }
  }
}
.body,
.lead,
.info-attr,
.content-attr {
  a:not(.btn) {
    @extend.inside-body-link;
  }
}