/* responsive.css */

@media (max-width: 768px) {
    .hero-section {
        text-align: center;
    }

    .hero-section h1 {
        font-size: 36px;
    }

    .hero-section .lead {
        font-size: 18px;
    }

    .navbar-brand img {
        height: 30px;
    }

    .whatsapp-float {
        padding: 10px;
        font-size: 20px;
    }
}