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

    &--narrow {
        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: $breakpoint-sm) {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}