@media screen and (max-width: 414px) {
    /* 1 */
     :root {
        --mobile_size: calc(1 * 0.749633968);
    }

    body {
        font-size: calc(20px*var(--mobile_size));
        letter-spacing: calc(1.5px*var(--mobile_size));
        line-height: calc(30px*var(--mobile_size));
        word-spacing: calc(3px*var(--mobile_size));
    }





    .header {
        display: none;
    }



    /*------------------------------------------------------------------------------*/
    

    #first_backhround {
        margin-left: -4%;
        margin-top: -2%;
        width: 101.7%;
    }
    .logotype {
        margin-top: 11%;
    }


    /*------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------*/

    .greeting article {
        margin-left: -3%;
        margin-top: -10%;
        width: 95%;
    }
    .greeting article h1 {
        padding-top: 15%;
    }
    .greeting hr {
        margin-top: 15%;
    }
    .greeting article h1::after {
        width: 49%;
    }
    .greeting section {
        background: linear-gradient(135deg, transparent 25%, var(--black_color_opasity_9) 0);
        margin-left: 5%;
        width: 88.7%;
        margin-top: 10%;
        padding: 5% 2%;
    }
    .greeting section a {
        line-height: 120%;
        margin-left: 30%;
        padding: 3% 2%;
    }



    /*------------------------------------------------------------------------------*/
    
    .about_us {
        margin-top: 40%;
    }
    .about_us article {
        margin-left: -3%;
    }

    #about_us-first_block {
        margin-top: 2%; 
        width: 103.3%;
        margin-left: -3%;
    }
    
    #about_us-second_block {
        width: 103.3%;
        margin-left: -3%;
    }
    
    #about_us-third_block {
        width: 103.3%;
        margin-left: -3%;
    }
    
    /*------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------*/
    #up_сorners_1 {
        background: linear-gradient(135deg, transparent 15%, var(--black_color) 0);
        margin-left: 57.4%;
        margin-top: 15%;
    }
    #up_сorners_2 {
        background: linear-gradient(135deg, transparent 15%, var(--black_color) 0);
        margin-left: 62.3%;
    }
    #up_сorners_3 {
        background: linear-gradient(135deg, transparent 15%, var(--black_color) 0);
        margin-left: 64.8%;
        margin-top: 10%;
    }
    #d_сorners_1 {
        margin-left: -3%;
        margin-top: -1.3%;
        background: linear-gradient(-45deg, transparent 17.5%, var(--black_color) 0);
    }
    #d_сorners_2 {
        margin-left: -3%;
        margin-top: -0.5%;
        background: linear-gradient(-45deg, transparent 17.5%, var(--black_color) 0);
    }
    /*------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------*/




    .projects {
        width: 105.3%;
        margin-top: -6%;
        margin-left: -3%;
    }
    .projects img {
        width: 90%;
        left: 0;
        margin-top: 0%;
    }
    .projects h3,
    .projects p {
        width: 88%;
        left: 0;
        margin-left: 3.5%;
    }
    .projects section hr {
        width: 90%;
    }
    .projects h3 {
        margin-top: 2%;
    }

    #centre_crane_img {
        margin-left: 0%;
    }


    /*------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------*/



    .approachs {
        margin-top: 10%;
        margin-left: 10%;
    }
    .approachs article {
        width: 90%;
    }
    #last_approach {
        margin-left: 0%;
    }


    /*------------------------------------------------------------------------------*/
    
    
    .fotos {
        width: 105.3%;
        margin-top: -7%;
        margin-left: -3%;
    }
    .fotos img {
        width: 80%;
        margin-left: 5%;
    }



    /*------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------*/
    
    .preparation {
        margin-top: 20%;
        margin-left: -3%;
    }
    
    #last_stand_1 img,
    #last_stand_2 img,
    #last_stand_3 img {
        width: 0%;
    }
    #last_stand_1,
    #last_stand_2,
    #last_stand_3 {
        width: 102.8%;
        font-size: 100%;
    }



    /*------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------*/
    .contacts {
        width: 105.3%;
        margin-top: -7%;
        margin-left: -3%;
    }
    .contacts h2 {
        margin-left: 5%;
    }
    .contacts article,
    .contacts hr {
        width: 90%;
        margin-left: 5%;
    }
    .contacts section {
        margin-left: 5%;
    }
    .contacts article a {
        display: block;
        text-align: center;
        padding: 2% 0%;
        font-size: 90%;
    }
}