@import "../variables";

.sg-heading {
    font-family: $mlp-font-gotham-medium;
    font-weight: bold;
    font-size: $mlp-font-size-20px;
    color: $gray;

    @include media-breakpoint-up(md) {
        font-size: $mlp-font-size-24px;
    }

    &--h2 {
        font-size: $mlp-font-size-18px;

        @include media-breakpoint-up(md) {
            font-size: $mlp-font-size-22px;
        }
    }

    &--secondary {
        color: $mlp-green;
    }

    &.-tertiary {
        color: $white;
    }

    &.-brand-label {
        font-size: $mlp-font-size-24px;
        color: $sgPrimary;

        @include media-breakpoint-up(md) {
            font-size: $mlp-font-size-30px;
        }
    }
}