/* Responsive.css */

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

    .hero-section img {
        margin-top: 30px;
    }

    .pricing-card.recommended {
        transform: none;
        margin: 20px 0;
    }

    .navbar-brand {
        font-size: 1.25rem;
    }
}