/****** MOBILE  ******/

.wrap {
    height: auto;
    margin: auto;
    font-family: var(--font-family-light);
    font-weight: var(--font-weight-light);
    font-size: var(--font-size);
    color: var(--font-color-black);
}

/****** BLOCKS  ******/

.footer {
    text-align: center;
    background-color: white;
    padding-bottom: 20px;
}

@media (max-width: 649px) {
    /****** HEADER MOBILE  ******/
    .header {
        display: none;
    }

    .header-mobile {
        display: block;
        /* height: 380px;*/
        padding-bottom: 3em;
        text-align: center;
        font-weight: 200;
        background-color: var(--background-light-gray);
    }

    .header-mobile .h-logo-block {
        display: block;
        background: url(../../../../img/logo.png) left;
        background-size: 180px;
        background-position: center;
        background-position-y: 45px;
        background-repeat: no-repeat;
        padding-top: 140px;
    }

    .h-logo-buttons {
        height: 100%;
        text-align: center;
        padding-top: 30px;
        width: 180px;
        display: inline-block;
    }

    .h-button-apple-store {
        display: inline-block;
        width: 116px;
        margin: 0 20px;
        margin-bottom: 30px;
    }

    .h-button-google-play {
        display: inline-block;
        width: 116px;
        margin: 0 20px 30px;
    }

    .h-button-rustore-play {
        display: inline-block;
        width: 104px;
        margin: 0 20px;
    }

    .h-logo-buttons img {
        width: 100%;
    }

    .stores {
        margin: 20px 20px 0;
    }

    /****** CLIENT MOBILE  ******/
    .client-block {
        text-align: center;
        padding-top: 50px;
        background-color: white;
    }

    .footer {
        font-size: 18px;
        background-color: var(--background-light-gray);
    }

}
/****** CLIENT MOBILE  ******/

/****** FOOTER  ******/


.footer .arrangement {
    margin:auto;
    width: 70%;
    padding-top: 30px;
}

.footer .arrangement a {
    font-size: var(--font-size-mobile-p);
}

.footer .copy-right {
    margin:auto;
    width: 70%;
    padding-top: 30px;
}

.footer .copy-right a {
    font-size: var(--font-size-mobile-p);
    color: var(--font-color-white);
}

/****** DESKTOP  ******/

@media (min-width: 650px) {

    /* BLOCKS */

    /****** HEADER  ******/
    .header-mobile {
        display: none;
    }
    .header {
        display: block;
        padding-bottom: 3em;
        background: white;
        text-align: center;
        font-weight: 200;
    }

    .header .h-logo-block {
        display: block;
        background: url(../../../../img/logo.png) left;
        background-size: 180px;
        background-position: center;
        background-position-y: 50px;
        background-repeat: no-repeat;
        padding-top: 160px;
    }

    .header .h-logo-buttons {
        height: 100%;
        text-align: center;
        padding-top: 40px;
        width: 480px;
        display: inline-block;
    }

    .client-block .h-logo-buttons {
        height: 100%;
        text-align: center;
        padding-top: 20px;
        width: 480px;
        display: inline-block;
    }

    .h-button-apple-store {
        display: inline-block;
        width: 116px;
        margin: 0 20px;
    }

    .h-button-google-play {
        display: inline-block;
        width: 116px;
        margin: 0 20px;
    }

    .h-button-rustore-play {
        display: inline-block;
        width: 104px;
        margin: 0 20px;
    }

    .header .h-logo-buttons img {
        width: 100%;
    }

    .client-block .h-logo-buttons img {
        width: 100%;
    }

    .client-block {
        text-align: center;
        padding-top: 50px;
        background-color: var(--background-light-gray);
    }

    .stores {
        margin: 20px auto 0;
    }

    .footer {
        padding-bottom: 30px;
    }

    .client-block .c-button-apple-store {
        display: inline-block;
        width: 175px;
        /*width: 15vh;*/
        margin: auto;
        padding-top: 2vh;
        margin-left: 2vh;
        margin-right: 2vh;
        margin-bottom: 2vh;
    }

    .client-block .c-button-google-play {
        display: inline-block;
        width: 175px;
        /*width: 15vh;*/
        margin: auto;
        margin-left: 2vh;
        margin-right: 2vh;
    }

    /****** FOOTER ******/

    .footer .arrangement {
        padding-top: 50px;
    }

    .footer .arrangement a, .footer .copy-right a {
        font-size: var(--font-size-p);
    }
}

@media (min-width: 800px) {
    .client-block h4 {
        font-size: var(--font-size-h4);
    }

    .c-options {
        text-align: left;
        width: 450px;
    }

    .c-options img {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-right: 25px;
    }

    .c-central {
        width: 40vw;
    }
}


@media (min-width: 890px) {

    .client-block h3 {
        font-size: var(--font-size-h3);
    }

    .client-block h4 {
        font-size: var(--font-size-h3);
    }

    .client-block .c-button-apple-store {
        width: 175px;
        /*width: 18vh;*/
    }

    .client-block .c-button-google-play {
        width: 175px;
        /*width: 18vh;*/
    }
}

@media (min-width: 980px) {
    .c-options {
        width: 480px;
    }
}