.title { line-height: 1; font-weight: 700; color: currentColor; }
.title--huge { font-size: 68px; line-height: 0.921875; }
.title--big { font-size: 46px; }
.title--medium { font-size: 40px; }
.title--normal { font-size: 30px; line-height: 1.0833333333; }
.title--small { font-size: 30px; line-height: 1.2; }
.title--tiny { font-size: 18px; }   

.title--blue50 {
    color: var(--blue50);
}

.title *:is(h1, h2, h3, h4, h5, h6) { 
    all: inherit;
}

@media(min-width: 991px) {
    .title--huge { font-size: 128px; line-height: 0.921875; }
    .title--big { font-size: 92px; }
    .title--medium { font-size: 64px; }
    .title--normal { font-size: 48px; }
    .title--small { font-size: 30px; }
    .title--tiny { font-size: 20px; }
}