html {
    font-family: Arial, Helvetica, sans-serif;
}

/* ########## font color ########## */
.c-text-xl-w,
.c-text-l-w,
.c-text-m-w,
.c-text-s-w,
.c-text-xs-w {
    color: white;
}

.c-text-xl-b,
.c-text-l-b,
.c-text-m-b,
.c-text-s-b,
.c-text-xs-b,
.c-text-xl,
.c-text-l,
.c-text-m,
.c-text-s,
.c-text-xs {
    color: #3C3C39;
}

.c-text-xl-g,
.c-text-l-g,
.c-text-m-g,
.c-text-s-g,
.c-text-xs-g {
    color: grey;
}

.c-text-xl-r,
.c-text-l-r,
.c-text-m-r,
.c-text-s-r,
.c-text-xs-r {
    color: #C1282D;
}

/* ########## font size ########## */
.c-text-xl-w,
.c-text-xl-b,
.c-text-xl-g,
.c-text-xl-r,
.c-text-xl {
    font-size: 28px;
}

.c-text-l-w,
.c-text-l-b,
.c-text-l-g,
.c-text-l-r,
.c-text-l {
    font-size: 18px;
}

.c-text-m-w,
.c-text-m-b,
.c-text-m-g,
.c-text-m-r,
.c-text-m {
    font-size: 16px;
}

.c-text-s-w,
.c-text-s-b,
.c-text-s-g,
.c-text-s-r,
.c-text-s {
    font-size: 14px;
}

.c-text-xs-w,
.c-text-xs-b,
.c-text-xs-g,
.c-text-xs-r,
.c-text-xs {
    font-size: 10px;
}

.bold {
    font-weight: bold;
}

.bold-heavy {
    font-weight: 1000;
}