@media screen and (max-width: 1280px)
{
    html
    {
        font-size: 1.1vw;
    }
}
@media screen and (max-width: 700px)
{
    html
    {
        font-size: 2.13vw;
    }
    .page
    {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 32px 9vw 50px 9vw;
    }
    .page__wrap
    {
        padding: 0;
        border: none;
        background: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .logo
    {
        margin: 0 0 200px 0;
        max-width: 200px;
    }
    .background-desc
    {
        display: none;
    }
    .background-mob
    {
        display: block;
        -o-object-position: right;
        object-position: right;
    }
    .title
    {
        text-align: left;
        font-size: 3rem;
        margin-bottom: 20px;
    }
    .title br
    {
        display: block;
    }
    .subtitle
    {
        font-size: 4.8rem;
        text-align: left;
        margin: 0 0 20px 0;
        width: 100%;
    }
    .subtitle br
    {
        display: block;
    }
    .subtitle span:last-of-type
    {
        display: inline;
    }
    .subtitle span:first-of-type
    {
        display: none;
    }
    .bonus
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        width: 100%;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .bonus p
    {
        margin: 0 0 0 10px;
        font-size: 1.9rem;
        text-align: left;
    }
    .bonus br
    {
        display: block;
    }
    .bonus__value
    {
        white-space: nowrap;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 2.7rem;
        padding: .4rem 1rem .6rem 1rem;
    }
    .bonus__value span:first-of-type
    {
        display: none;
    }
    .bonus__value span:last-of-type
    {
        display: block;
    }
    .button
    {
        width: 100%;
        margin-top: 50px;
        font-size: 3.2rem;
        z-index: 5;
        padding: 20px;
    }
    .background
    {
        position: absolute;
    }
    .footer
    {
        background: #090909;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 30px 15px;
    }
    .footer__pays
    {
        width: 100%;
        gap: 15px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .footer__pays img
    {
        width: auto;
        height: auto;
        -o-object-fit: contain;
        object-fit: contain;
    }
    .footer__pays li
    {
        height: 20px;
    }
}