.gallerysection{
            width: 100%;
            margin: 0;
            padding: 0;
        }
        .gallerycontent{
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            padding: 2rem 0;
        }
        .gallery-hero-left{
            display: flex;
            flex-direction: column;
        }
        .gallery-hero-left img{
            height: 100%;

        }
        .gallery-text{
            padding: 2rem 2rem;
        }
        .gallery-text h1{
            font-family: 'Futura-Bold',sans-serif;
            font-size: 3rem;
            background-color: black;
            color: white;
            width: fit-content;
            padding: 1rem;
            margin: 0 0 1rem 0;
        }
        .gallery-text p{
            font-family: 'Futura-Book',sans-serif;
            font-size: 1.5rem;
            margin: 0 0 1rem 0;
        }
        .gallery-large-display{
            display: none;
        }
        .gallery-large-display-wide{
            display: none;
        }
        /*Button*/
        .openGallery{ 
            font-family: 'Futura-Medium',sans-serif; 
            font-size: 1.2rem; 
            padding: 0.5rem .5rem; 
            background-color: white; 
            color: black; 
            border: 1px solid black; 
            cursor: pointer;
        }
        .openGallery i{
            font-size: 1rem;
            transition: transform 0.3s ease;
        }
        .openGallery.active i{
            transform: rotate(180deg);
        }

        /*Gallery window*/
        .gallery{
            max-height: 0;
            overflow:  hidden;
            transition: max-height 0.4s ease;
            background-color: rgba(0,0,0,.1);
            width: 100%;
        }
        .gallery.open{
            max-height: 500px;
        }

        .gallery-track{
            display: flex;
            gap: 1rem;
            overflow-x: auto;
            padding: 1rem;
            scroll-snap-type: x mandatory;
            -webkit-overflow-scrolling:touch ;
        }
        .gallery-track img{
            flex: 0 0 auto;
            width: 220px;
            height: 200px;
            object-fit: cover;
            scroll-snap-align: start;
            border-radius: 6px;
            cursor: zoom-in;
        }
        /* SCROLLBAR */
        .gallery-track::-webkit-scrollbar{
            height: 6px;
        }
        .gallery-track::-webkit-scrollbar-thumb{
            background-color: #333;
        }

        /* Repeat CSS */
        .img-contain{
            object-fit: contain;
        }
        .img-cover{
            object-fit: cover;
        }
        .img-left{
            object-position: left;
        }
        .img-center{
            object-position: left;
        }
        .img-right{
            object-position: left;
        }
        .img-top{
            object-position: top;
        }
        .img-bottom{
            object-position: bottom;
        }
        .flex-1{
            flex: 1;
        }
        .flex-2{
            flex: 2;
        }
        .grid-1{
            grid-template-columns: 1fr 2fr;
        }
        .grid-2{
            grid-template-columns: 2fr 1fr;
        }
        .bg-grey{
            background-color: rgba(0,0,0,.1);
        }
        @media(min-width:769px){
            .gallerycontent{
                padding: 3rem 0rem;
                display: grid;
                gap: 10px;
            }
            /* .gallery-hero-left{
                
            } */
            .gallery-hero-left img{
                height: 300px;
            }
            .gallery-large-display{
                display: flex;
                flex-direction: column;
                gap: 5px;
            }
            .gallery-row{
                display: flex;
                flex-direction: row;
                height: 200px;
                gap: 5px;
            }
            .gallery-row img{
                height: 100%;
                width: 100%;
                cursor: zoom-in;
            }
            /* .gallery-row img:hover{
                transform: scale(1.1);
                transition: transform 1s ease;
            } */
            .gallery-img-1,.gallery-img-2,.gallery-img-3,.gallery-img-4,.gallery-img-5,.gallery-img-6{
                height: 100%;
            }
        }
        @media(min-width:1023px){
            .openGallery{
                display:none;
            }
        }
        @media(min-width:2559px){
            .gallerycontent{
                display: grid;
                grid-template-columns: 2fr 1fr 2fr;
                padding: 3rem 0rem;
            }
            .gallery-large-display-wide{
                display: flex;
                flex-direction: column;
                gap: 10px;
            }
            .gallery-large-display{
                gap: 10px;
            }
            .gallery-row{
                gap: 10px;
            }
        }
        /* LIGHT BOX CSS */
        .lightbox{
            position: fixed;
            inset: 0;
            background: rgba(0,0,0,0.85);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s ease;
            z-index: 9999;
        }

        .lightbox.open{
            opacity: 1;
            pointer-events: auto;
        }

        .lightbox img{
            max-width: 90vw;
            max-height: 90vh;
            object-fit: contain;
            border-radius: 6px;
            animation: zoomIn 0.25s ease;
        }
        @keyframes zoomIn{
            from{
                transform: scale(0.95);
                opacity: 0;
            }
            to{
                transform: scale(1);
                opacity: 1;
            }
        }