.xl-text {
    font-size: 32px !important;
    font-weight: 600 !important;
}
.xxl-text {
    font-size: 36px !important;
}
.h1-text {
    font-size: 28px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}
.h2-text {
    font-size: 28px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}
.h3-xs-text {
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}
.h3-text,
.h4-text {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}
.h5-text {
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}
.body-text {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}
.small-text {
    font-size: 14px !important;
}
.ex-small-text {
    font-size: 11px !important;
}
.font-weight-300 {
    font-weight: 300 !important;
}
.font-weight-400 {
    font-weight: 400 !important;
}
.font-weight-500 {
    font-weight: 500 !important;
}
.font-weight-600 {
    font-weight: 600 !important;
}
.font-weight-700 {
    font-weight: 700 !important;
}
.font-weight-800 {
    font-weight: 800 !important;
}
.letter-spacing-2px {
    letter-spacing: 2px;
}
.hero-title-text {
    line-height: 1.3 !important;
}
.line-height-wide {
    line-height: 1.5 !important;
}
@media screen and (min-width: 768px) {
    .xl-text {
        font-size: 52px !important;
    }
    .xxl-text {
        font-size: 64px !important;
    }
    .h1-text {
        font-size: 36px !important;
    }
    .h3-text,
    .h3-md-text {
        font-size: 22px !important;
    }
    .h4-text {
        font-size: 18px !important;
    }
    .h5-text,
    .h5-md-text {
        font-size: 16px !important;
    }
    .ex-small-text {
        font-size: 12px !important;
    }
}
@media screen and (min-width: 992px) {
    .h1-text {
        font-size: 48px !important;
    }
    .h2-lg-text,
    .h2-text {
        font-size: 36px !important;
    }
}
@media (min-width: 1600px) {
    .xl-text {
        font-size: 60px !important;
    }
    .xxl-text {
        font-size: 80px !important;
    }
    .hero-title-text {
        font-size: 52px !important;
    }
    .hero-body-text {
        font-size: 20px !important;
    }
}
@media (min-width: 2100px) {
    .body-text {
        font-size: 16px !important;
    }
}