// Text Display

.bf-text-display {

    &-large,
    &-medium,
    &-small,
    &-sub-large,
    &-sub-medium,
    &-sub-small {
        font-family: $font-family-secondary;
    }

    &-large {
        font-size: 4rem;
        line-height: 3rem;
    }
    &-medium {
        font-size: 3.5rem;
        line-height: 3rem;
    }

    &-small {
        font-size: 2.5rem;
        line-height: 2rem;
    }

    // Display Sub

    &-sub-large {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }

    &-sub-medium {
        font-size: 1rem;
        line-height: 2rem;
    }

    &-sub-small {
        font-size: .875rem;
        line-height: 1rem;
    }
}