@media screen and (max-width:992px) {
    .screen1 {
        flex-wrap: wrap;
    }

    .block1, .block2, .block3, .block4 {
        width: 40%;
    }

    .block2-img1 {
        transform: translateX(50vh);
animation: block4-animation 2s linear 1 forwards;
    }

    
    .block2-img2 {
        transform: translateX(50vh);
animation: block4-animation 2s linear 1 forwards;
    }

    

    .block3-img1 {
        transform: translateX(-50vh);
animation: block1-animation 2s linear 1 forwards;
    }

   

    .block3-img2 {
        transform: translateX(-50vh);
animation: block1-animation 2s linear 1 forwards;
    }
    
    .screen2 {
        flex-direction: column-reverse;
        align-items: center;
    }

    .screen2-img {
width: 80%;
    }

    .screen2-anim {
        height: 90vh;
        width: 80%;
    }

    .teams {
        flex-wrap: wrap;
    }

    .teams>div {
        width: 40%;
        margin: 20px;
    }

    .screen4-form {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .form, .map {
        width: 80%;
    }
}

/*screen <768*/
@media screen and (max-width: 768px) {
    .screen1 {
        display: block;
    }

    .block1, .block2, .block3, .block4 {
        margin: 20px auto;
        width: 90%;
    }


    .block2-img1 {
        transform: translateX(-50vh);
animation: block4-animation 2s linear 1 forwards;
    }

    
    .block2-img2 {
        transform: translateX(50vh);
animation: block1-animation 2s linear 1 forwards;
    }

    

    .block3-img1 {
        transform: translateX(-50vh);
animation: block4-animation 2s linear 1 forwards;
    }

   

    .block3-img2 {
        transform: translateX(50vh);
animation: block1-animation 2s linear 1 forwards;
    }

   
.screen2-anim {
    width: 100%;
}
  
.screen2-img {
    display: none;
}

.teams {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.teams>div {
    width: 80%;
   margin-top: 20px;
}

.screen4-form {
    flex-direction: column-reverse;
}

.map, .form {
    width: 100%;
}

.footer {
    margin-top: 70px;
    display: block;
}

.footer div {
    width: 100%;
    text-align: center;
}

input {
    width: 40%;
    height: 50px;
}

textarea {
    width: 90%;  
}

}