.banner {
    $banner: &;
    color: $lexus-white;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 6em 0;
    background-size: cover;
    height: 500px;

    &--dark {
        color: $lexus-mid-dark;
    }

    &--no-height {
        height: auto;
        padding: 0;
    }

    &__copy {
        max-width: 60%;
        margin: 0;
    }

    &__copy--enform {
        margin-bottom: 1em;
    }

    &--full {
        #{$banner}__copy {
            max-width: 90%;
        }
    }

    &__link {
        background: $lexus-dark;
        color: $lexus-white;
        padding: 1em 4em;
    }
}