.type-std{
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    line-height: 1.5;
    letter-spacing: 0.1px; 
}
.type-std.regular{
    font-weight: 400;
    line-height: 20px; /* 125% */
    line-height: 1.25; 
    letter-spacing: 0.25px; 
}
.type-xl{
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px; /* 125% */
    line-height: 1.25; 
}
.type-lg{
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px; /* 154.545% */
    line-height: 1.545; 
}
.type-art{
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 177.778% */
    letter-spacing: 0.5px; 
    line-height: 1.77;
}
.type-md{
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 19px; /* 135.714% */
    letter-spacing: 0.5px;
    line-height: 1.35;
}
.type-std.bld,
.type-sm.bld,
.type-md.bld{
    font-weight: 700;
}
.type-sm{
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.2px;
    line-height: 1.33;
}
.type-sm.regular{
    font-weight: 400;
    letter-spacing: 0.4px;
}

@media screen and (max-width: 620px) { 
    .type-xl{
        font-size: 24px;
    }
}
@media screen and (max-width: 520px) { 
    .type-xl{
        font-size: 20px;
    }
}
@media screen and (max-width: 390px) { 
    .type-std{
        font-size: 14px;
    }
}