.xx-big {
    font-size: 57px;
    line-height: 64px;
    letter-spacing: -0.25px;
}
.x-big {
    font-size: 45px;
    line-height: 52px;
}
.big {
    font-size: 36px;
    line-height: 44px;
}
.medium {
    font-size: 32px;
    line-height: 40px;
}
.small {
    font-size: 28px;
    line-height: 36px;
}
.x-small {
    font-size: 24px;
    line-height: 32px;
}
.xx-small {
    font-size: 22px;
    line-height: 28px;
}
.xxx-small {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
}
.dark {
    color: #121127;
}
.primary {
    color: #410001;
}
.primary-light {
    color: #775652;
}
.light {
    color: #FFFFFF;
}
.grey {
    color: rgba(18, 17, 39, 0.56);
}
.red {
    color: #B7201E;
}
.title-black {
    color: rgba(18, 17, 39, 1);
}
.subtitle-black {
    color: rgba(18, 17, 39, 0.72);
}
.bold {
    font-weight: bold;
}
.success {
    color: #22bb33;
}
@media (max-width: 1000px) {
    .xx-big {
        font-size: 45px;
        line-height: 52px;
    }
}

@media (max-width: 600px) {
    .x-big {
        font-size: 32px;
        line-height: 40px;
    }
    .xx-big {
        font-size: 36px;
        line-height: 44px;
    }
    .big {
        font-size: 28px;
        line-height: 36px;
    }
    .medium { 
        font-size: 24px;
        line-height: 32px;
    }
    .small {
        font-size: 22px;
        line-height: 28px;
    }
    .x-small {
        font-size: 22px;
        line-height: 28px;
    }
}