.small-size {
    font-size:  var(--font-small);
}
.medium-size {
    font-size: var(--font-medium);
}
.big-size {
    font-size: var(--font-big);
}
.xxl-size {
    font-size: var(--font-xxl);
}
.small p,
.small p a,
a.small,
p.small,
.small span,
span.small {
    font-size: var(--font-small-all)
}
.font-small * {
    font-size: var(--font-small)
}
.font-xsmall * {
    font-size: var(--font-xsmall)
}
.font-usmall * {
    font-size: var(--font-usmall)
}
.medium p,
.medium p a,
a.medium,
p.medium,
.medium span,
span.medium {
    font-size:var(--font-medium-all)
}
cite {
    font-style: normal;
}

/* # ~~~~~ ckeditor ~~~~~ # */
.size-075 { font-size: var(--font075);}
.size-088 { font-size: var(--font088);}
.size-090 { font-size: var(--font090);}
.size-150 { font-size: var(--font150);}
.size-200 { font-size: var(--font200);}
.size-250 { font-size: var(--font250);}
.size-300 { font-size: var(--font300);}
.size-350 { font-size: var(--font350);}
.size-400 { font-size: var(--font400);}
.size-500 { font-size: var(--font500);}
.size-600 { font-size: var(--font600);}
.size-112 { font-size: var(--font112);}
.size-125 { font-size: var(--font125);}



/*utility font-classes*/
.font07 {
    font-size: var(--font070);
}
.font-xxs,
.font075 {
    font-size: var(--font075);
}
.font08 {
    font-size: var(--font080);
}
.font-xs,
.font085 {
    font-size: var(--font085);
}
.font-s,
.font09 {
    font-size: var(--font090);
}
.font-m,
.font1 {
    font-size: var(--font100);
}
.font11 {
    font-size: var(--font110);
}
.font-l,
.font12 {
    font-size: var(--font120);
}
.font-xl,
.font13 {
    font-size: var(--font130);
}
.font14 {
    font-size: var(--font140);
}
.font-xxl {
    font-size: var(--font-xxl);
}
.font-lighter {
    font-weight: lighter;
}
.font-vw1 {
    font-size: var(--font-vw1);
}
.font-vw2 {
    font-size: var(--font-vw2);
}
.font-vw3 {
    font-size: var(--font-vw3);
}
.font-vw4 {
    font-size: var(--font-vw4);
}
.font-vw5 {
    font-size: var(--font-vw5);
}
.font-vw6 {
    font-size: var(--font-vw6);
}
.font-vw7 {
    font-size: var(--font-vw7);
}
.font-vw8 {
    font-size: var(--font-vw8);
}
.font-vw9 {
    font-size: var(--font-vw9);
}
.font-vw10 {
    font-size: var(--font-vw10);
}
@media only screen and (max-width: 40.063em) {
    .font-vw1 {
        font-size: calc(2 * var(--font-vw1));
    }
    .font-vw2 {
        font-size: calc(2 * var(--font-vw2));
    }
    .font-vw3 {
        font-size: calc(2 * var(--font-vw3));
    }
    .font-vw4 {
        font-size: calc(2 * var(--font-vw4));
    }
    .font-vw5 {
        font-size: calc(2 * var(--font-vw5));
    }
    .font-vw6 {
        font-size: calc(2 * var(--font-vw6));
    }
    .font-vw7 {
        font-size: calc(2 * var(--font-vw7));
    }
    .font-vw8 {
        font-size: calc(2 * var(--font-vw8));
    }
    .font-vw9 {
        font-size: calc(2 * var(--font-vw9));
    }
    .font-vw10 {
        font-size: calc(2 * var(--font-vw10));
    }
}