 Responsive adjustments */
        @media (max-width: 768px) {
            .home-button {
                top: 1rem;
                left: 1rem;
                padding: 0.6rem 1rem;
                font-size: 0.9rem;
            }

            #mainheading {
                font-size: 2.5rem;
                margin-top: 5rem;
                margin-bottom: 2rem;
            }

            #container {
                grid-template-columns: 1fr; /* Stack columns on small screens */
                padding: 