/* Responsive */

        @media (max-width: 768px) {

            .navbar {

                flex-direction: column;

                padding: 1rem;

            }

            

            .nav-links {

                margin-top: 1rem;

                flex-wrap: wrap;

                justify-content: center;

            }

            

            .nav-links li {

                margin: 5px 10px;

            }

            

            .hero h1 {

                font-size: 2rem;

            }

            

            .hero p {

                font-size: 1rem;

            }

            

            .section-title {

                font-size: 1.8rem;

            }

        }