:root {
    --color-cyan: #00aeef;
    --color-cyan-light: #7fd7f7;
    --color-black: #1b1b1b;
    --color-gray-dark: #667482;
    --color-gray-dark-1: #686868;
    --color-gray-menu: #6c757d;
    --color-gray: #b9b9b9;
    --color-body: #f5f5f5;
    /*--color-gray-light: #f5f5f5;*/
    --color-gray-light: #ebebeb;
    --bg-content: #dfe8f1;
    --bg-login: #e7e7e7;
    --color-orange: #ff8000;
    --color-red: #ec0000;
    --color-green: #4cc700;
    --gradient-cyan: linear-gradient(135deg, #00baff 0%, #00baff 50%, #00aeef 100%);
    --gradient-red: linear-gradient(135deg, #ff8000 0%, #ff8000 50%, #ec0000 100%);
    --b-radius: 5px;
    --transition: all .1s cubic-bezier(1,0.5,0.8,1);
    --size-base: 15px;
    --news-size: 15px;
    --article-size: 15px;
}

@media (min-width: 576px) {
    :root {
        --size-base: 25px;
        --news-size: 30px;
        --article-size: 30px;
    }

    .for-phone {
        --size-base: 25px;
        --news-size: 25px;
        --article-size: 25px;
    }
}

@media (min-width: 992px) {
    :root {
        --article-size: 185px;
    }
}