@media screen and (max-width:1050px){
    nav{
        flex-direction: column;
    }

    .logo{
        justify-content: center;
        margin: 2vh 0;
    }

    ul{
        justify-content: center;
    }

    .search{
        justify-content: center;
    }

    .btn{
        margin: 0 0 1vh 0;
    }

    .camera{
        height: 50vh;
    }
}

@media screen and (max-width:700px) {
    .camera{
        height: 19vh;
    }
    
    .image1 img{
        width: 50vh;
    }

    .image2 img{
        width: 50vh;
    }

    .image3 img{
        width: 50vh;
    }

    .image4 img{
        width: 50vh;
    }

    .image5 img{
        width: 50vh;
    }

    .image6 img{
        width: 50vh;
    }

    .image7 img{
        width: 50vh;
    }

    .image8 img{
        width: 50vh;
    }

    .image9 img{
        width: 50vh;
    }

    .image10 img{
        width: 50vh;
    }
}