@media (max-width: 479px)
{
    /*-------------------
        Global styles
    -------------------*/
    :root
    {
        --font_size: 15px;
        --font_size_title: 22px;
    }



    /*------------
        Header
    ------------*/
    header
    {
        padding: 20px 0;
    }


    header .logo img
    {
        height: 36px;
    }



    /*------------------
        Form elements
    ------------------*/
    .form .columns > *
    {
        width: calc(100% - var(--form_columns_offset));
    }



    /*----------
        Rate
    ----------*/
    .rate .data,
    .rate .data .success
    {
        border-radius: 24px;
    }


    .rate .title
    {
        margin-bottom: 28px;
    }


    .rate .label
    {
        margin-bottom: 20px;
    }


    .rate .variants * + *
    {
        margin-left: 12px;
    }


    .rate .variants a
    {
        width: 52px;
        height: 52px;
    }


    .rate .variants img
    {
        width: 32px;
        height: 32px;
    }



    /*------------
        Footer
    ------------*/
    footer
    {
        padding: 16px 0;
    }
}