@media screen and (max-width: 1075px) {

    body{
        margin-left: 10vw;
        margin-right: 10vw;
    }
    
    #full-nav {
    display: none;
    align-items: center;
    }
    
    #mobile-nav {
        display: flex;
    }

    #mobile{
        display: flex;
        transition: all 0.3s ease-in-out;
    }

    .projects-container {
        display: inline;
    }

    .project {
        width: 100%;
        height: 100%;
    }

    .images-container {
        display: inline;
    }

    .image {
        width: 100%;
        height: 100%;
    }

    .masonry {
        column-count: 1; /* Adjust for more or fewer columns */
        column-gap: 10px;
    }


    .modal {
        display: none !important;
    }

    .masonry img:hover {
        transform: scale(1.00);
    }

}