.l-container {
  padding-left: 2rem;
  padding-right: 2rem;

  &--content {
    margin-left: auto;
    margin-right: auto;
    max-width: $content-width;
  }

  &--pad-v {
    padding-top: $line-height * 2rem;
    padding-bottom: $line-height * 2rem;
  }

  @media (max-width: map-get($breakpoints, "sm")) {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}