/* Responsive Design */
        @media (max-width: 1100px) {
            .grid-container {
                grid-template-columns: repeat(3, 1fr);
            }
            
            .footer-container {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 900px) {
 .grid-container {
                grid-template-columns: repeat(3, 1fr);
            }
            
            .footer-container {
                grid-template-columns: repeat(2, 1fr);
            }

            
            
            .nav-container {
                justify-content: space-between;
            }
            
            .nav.active {
                display: flex;
                flex-direction: column;
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                background-color: #333;
                z-index: 1000;
            }
            
            .nav.active li {
                width: 100%;
                text-align: center;
                border-bottom: 1px solid #444;
            }
            
            .top-nav-links {
                justify-content: flex-start;
                overflow-x: auto;
                padding: 10px 0;
            }
        }

        @media (max-width: 768px) {
            .grid-container {
                grid-template-columns: repeat(2, 1fr);
                gap: 15px;
.grid-item img {
                height: 350px;
            }
            }
        }

        @media (max-width: 576px) {
            .grid-container {
                grid-template-columns: 1fr;
            }

            h1 {
                font-size: 2rem;
            }
            
            .footer-container {
                grid-template-columns: 1fr;
            }
            
            .top-nav-links {
                flex-direction: column;
                gap: 10px;
            }
            
            .top-nav-links a {
                text-align: center;
                padding: 10px;
            }
        }