h1,
.h1-size {
    /* 42px to 30px */
    font-size: clamp(1.875rem, 1vw + 1.675rem, 2.625rem);
    font-weight: 800;
    line-height: normal;
    margin-bottom: 20px;
}

.extra-large-text {
    font-size: clamp(2.25rem, 1.667vw + 1.917rem, 3.5rem);
    font-weight: 800;
    margin-bottom: 20px;
}

h2,
.h2-size {
    /* 3px6 to 28px */
    font-size: clamp(1.75rem, 0.667vw + 1.617rem, 2.25rem);
    font-weight: 700;
    margin-bottom: 20px;
}

h3,
.h3-size {
    /* 30px to 26px */
    font-size: clamp(1.5rem, 0.5vw + 1.4rem, 1.875rem);
    font-weight: 700;
    margin-bottom: 20px;
}

h4,
.h4-size {
    /* 26px to 22px */
    font-size: clamp(1.375rem, 0.333vw + 1.308rem, 1.625rem);
    font-weight: 700;
    margin-bottom: 20px;
}

h5,
.h5-size {
    /* 22px to 20px */
    font-size: clamp(1.25rem, 0.167vw + 1.217rem, 1.375rem);
    font-weight: 600;
    margin-bottom: 20px;
}

h6,
.h6-size {
    /* 20px to 18px */
    font-size: clamp(1.125rem, 0.167vw + 1.092rem, 1.25rem);
    font-weight: 500;
    margin-bottom: 20px;
}

p,
.para {
    /* 18px to 16px */
    font-size: clamp(1rem, 0.167vw + 0.967rem, 1.125rem);
    font-weight: 400;
    margin-bottom: 20px;
}

.small {
    /* 16px to 14px */
    font-size: clamp(0.875rem, 0.167vw + 0.842rem, 1rem);
    font-weight: 400;
    margin-bottom: 20px;
}

small,
.small-text {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 18px;
}

.extra-small {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 18px;
}