@media screen and (max-width: 1000px) {
    body {
        overflow: auto;
        height: auto;
        font-size: 1em;
        line-height: 2em;
    }
    .page-layout {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        height: auto;
        padding: 1em;
    }
    .grid-container {
        width: 100%;
        height: auto;
        line-height: 2em;
    }
    .grid-left, .grid-right {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
    .grid-left {
        display: flex;
        flex-direction: column;
        line-height: 2em;
    }
    .grid-left .grid-item {
        padding: 20px 15px;
    }
    .grid-left .grid-item:first-child {
        order: 1;
    }
    .grid-right {
        order: -1;
        left: 0%;
        display: flex;
        flex-direction: column;
    }
    .grid-right .grid-item {
        padding: 0px 0px;
        overflow: hidden;
    }
    .grid-right .grid-item:nth-child(1) {
        order: 5;
        padding: 20px 15px;
        overflow: visible;
    }
    .grid-right .grid-item:nth-child(2) {
        order: 2;
    }
    .grid-right .grid-item:nth-child(3) {
        order: 1;
        padding: 20px 15px;
    }
    .hover-text {
        display: inline;
        position: static;
        background: none;
        padding: 0;
        max-width: 100%;
    }
    .text-image {
        height: auto;
    }
    .text-image img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }
    .grid-item {
        width: 100%;
    }
    .menu-one, .menu-three {
        line-height: 2em;
    }
    .mobile-menu-toggle {
        cursor: pointer;
        line-height: 2em;
        padding: 20px 15px;
        color: #f04e02;
        order: 3;
    }
    .mobile-menus-wrapper {
        display: none;
        order: 4;
    }
    .mobile-menus-wrapper.open {
        display: block;
    }
    
    #index-project-view {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        margin-top: 0;
        padding: 2em 1.5em;
        background: #fefefe;
        z-index: 5000;
        grid-column: auto;
        grid-row: auto;
        transform: translateY(100%);
        transition: transform 0.4s ease;
        overflow: auto;
    }
    #index-project-view.slide-up {
        transform: translateY(0);
    }
    #index-project-view .project-gallery {
        gap: 6px;
    }
    #index-project-view .info-image {
        max-width: 80%;
    }
    .slide-panel {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: #fefefe;
        z-index: 5000;
        overflow: auto;
        padding: 2em 1.5em;
        transform: translateY(100%);
        transition: transform 0.4s ease;
    }
    .slide-panel.slide-up {
        transform: translateY(0);
    }
    .slide-panel iframe {
        width: 100%;
        height: calc(100vh - 4em);
        border: none;
    }
    .zoom-arrow {
        display: none !important;
    }
}