h1,
.h1 {
    font-weight: 600;
    font-size: 40rem;
    line-height: 1.3;
}

h2,
.h2 {
    font-weight: 600;
    font-size: 36rem;
    line-height: 1.3;
}

h3,
.h3 {
    font-weight: 600;
    font-size: 24rem;
    line-height: 1.3;
}

h4,
.h4 {
    font-weight: 600;
    font-size: 20rem;
    line-height: 1.3;
}

h5,
.h5 {
    font-weight: 600;
    font-size: 18rem;
    line-height: 1.3;
}

h6,
.h6 {
    font-weight: 600;
    font-size: 16rem;
    line-height: 1.3;
}

.subheader {
    max-width: 1110rem;
    width: 100%;
    font-weight: 500;
    font-size: 22rem;
    line-height: 1.5;
}

.text {
    font-weight: 400;
    font-size: 16rem;
    line-height: 1.5;
}

.text-fw200 {
    font-weight: 200;
}

.text-light {
    font-weight: 300;
}

.text-medium {
    font-weight: 500;
}

.text-bold {
    font-weight: 600;
}

.text-fw700 {
    font-weight: 700;
}

.text-fw800 {
    font-weight: 800;
}

/* адаптивные стили текста */
.text-small {
    font-size: 14rem;
}

.text-medium {
    font-size: 18rem;
}

.text-large {
    font-size: 20rem;
}

.text-xlarge {
    font-size: 22rem;
}
/* end */

/* статичные стили текста */
.text14 {
    font-size: 14rem;
}

.text16 {
    font-size: 16rem;
}

.text18 {
    font-size: 18rem;
}

.text20 {
    font-size: 20rem;
}

.text22 {
    font-size: 22rem;
}
/* end */
.lhn {
    line-height: normal;
}

.lh1 {
    line-height: 1;
}

.lh115 {
    line-height: 1.15;
}

.lh13 {
    line-height: 1.3;
}

.lh15 {
    line-height: 1.5;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

/* цвет текста */
.color-white {
    color: var(--text-second-color);
}

.color-black {
    color: var(--text-main-color);
}
/* end */

@media (max-width: 480px) {
    h1,
    .h1 {
        font-size: 20rem;
    }

    h2,
    .h2 {
        font-size: 18rem;
    }

    h3,
    .h3 {
        font-size: 16rem;
    }

    h4,
    .h4 {
        font-size: 14rem;
    }

    h5,
    .h5 {
        font-size: 12rem;
    }

    h6,
    .h6 {
        font-size: 10rem;
    }

    .subheader {
        font-size: 12rem;
    }

    .text {
        font-size: 14rem;
    }

    .text-small {
        font-size: 12rem;
    }
    
    .text-medium {
        font-size: 16rem;
    }
    
    .text-large {
        font-size: 18rem;
    }
    
    .text-xlarge {
        font-size: 20rem;
    }
}