/* Responsive */

        @media (max-width: 768px) {

            .header-content {

                flex-direction: column;

                text-align: center;

            }

            

            nav ul {

                margin-top: 20px;

                justify-content: center;

            }

            

            nav ul li {

                margin: 0 10px;

            }

            

            .hero h1 {

                font-size: 2.2rem;

            }

            

            .section-title {

                font-size: 1.8rem;

            }

            

            .whatsapp-float {

                width: 50px;

                height: 50px;

                bottom: 30px;

                right: 30px;

                font-size: 24px;

            }

        }