.gallery {
        max-width: 1400px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
        padding: 1rem;
    }

    .gallery-item {
        position: relative;
        overflow: hidden;
        aspect-ratio: 1,2;
    }

    .gallery-item img {
        width: 100%;
        height: 95%;
        object-fit: cover;
        transition: transform 0.3s;
    }

    .gallery-item:hover img {
        transform: scale(1.05);
    }
       
    .social-icons {
        display: flex;
        gap: 1rem;
        margin-top: 1rem;
    }

    .social-icon {
        width: 24px;
        height: 24px;
        transition: transform 0.3s;
    }

    .social-icon:hover {
        transform: scale(1.2);
    }

    /* Updated Mobile Styles */
    @media (max-width: 768px) {
        .gallery {
            grid-template-columns: repeat(4, 1fr);
            gap: 0.5rem;
            padding: 0.5rem;
        }

        .footer-content {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 480px) {
        .gallery {
            gap: 0.25rem;
            padding: 0.25rem;
        }
    }

    

       
       

        

    @media (max-width: 480px) {
        /* Keep gallery exactly the same, just scaled down */
        .gallery {
            max-width: 100%;
            padding: 0.5rem;
            gap: 0.5rem;
        }
    }


  
    @media (max-width: 480px) {
        .footer-content {
            gap: 0.5rem;
            font-size: 0.7rem;
        }

        .footer-section h3 {
            font-size: 0.9rem;
        }

        .social-icon {
            width: 16px;
            height: 16px;
        }
    }