@media print,
(max-width: 1023px)
{
    /*-------------
        Message
    -------------*/
    .message
    {
        text-align: left;


        .text
        {
            padding-inline: 0 var(--inner_gap_l);
        }
    }



    /*----------------
        Info block
    ----------------*/
    .info_block
    {
        .grid_row
        {
            --items_per_line: 1;
        }
    }



    /*--------------
        Services
    --------------*/
    .services
    {
        .grid_row
        {
            --items_per_line: 2;
        }
    }



    /*--------------
        Projects
    --------------*/
    .projects
    {
        .grid_row
        {
            --items_per_line: 2;
        }
    }



    /*---------------
        How works
    ---------------*/
    .how_works
    {
        .grid_row
        {
            --items_per_line: 2;
        }
    }

    /*---------------
        Articles
    ---------------*/
    .articles
    {
        .grid_row
        {
            --items_per_line: 2;
        }
    }

    /*---------------
        Why
    ---------------*/
    .why {
        .grid_row {
            --items_per_line: 2;
        }
    }
}