.loader
    {
    display: flex;
    background: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9000;
    }
    .loader .progress
        {
        position: absolute;
        width: 100%;
        top: 45vh;
        text-align: center;
        }
        .loader .progress .cnt
            {
            font-size: 32px;
            }
    .loader .b
        {
        width: 25%;
        background: #242424;
        }


.loader .progress .title,
.load_in_progress .intro_title
    {
    font-size: 4cqw;
    }

.load_in_progress .intro_title
    {
    z-index: 9999;
    margin-top: 30vh;
    margin-left: -10%;
    }


/* ============================================================================ */
/* Телефон - меньше 768px   =================================================== */
/* ============================================================================ */
@media (max-width: 768px) {

.loader .progress .title,
.load_in_progress .intro_title
    {
    font-size: 7cqw;
    }

}