.COCustom {
    border-radius: 100%;
    display: inline-block;
    height: 8.33rem;
    margin: 0 .1rem;
    transform: scale(calc(var(--frequency)));
    width: 8.33rem
}

@media screen and (max-height:480px),
screen and (max-width:640px) {
    .COCustom {
        height: 4.2rem;
        width: 4.2rem
    }
}

.CWordO {
    display: inline-block
}

:root {
    --z-under: 0;
    --z-default: 1;
    --z-above: 2;
    --z-header: 20;
    --z-overlay: 20;
    --z-loader: 100;
    --red: #ff2803;
    --yellow: #f9b71b;
    --blue: #1795f0;
    --green: #30e462;
    --ultra-dark: #000;
    --dark: #150c0f;
    --medium-dark: #201317;
    --sand: #f4f5ef;
    --white: #fff;
    --large: 1440px;
    --desktop: 1280px;
    --tablet-h: 1024px;
    --tablet: 979px;
    --tablet-w: 768px;
    --mobile-w: 640px;
    --mobile: 480px
}

.CTextO {
    display: inline-block;
    margin: 0 5rem
}

@media (max-width:1024px) {
    .CTextO {
        margin-right:auto;
    }
}

@media (max-width:480px) {
    .CTextO {
        margin: 0px 3.5rem;
        /*margin: auto;*/
        word-break: break-all
    }
}