/* Responsive adjustments */
@media (max-width: 991.98px) {
    .site-header {
        padding: 0.5rem 0;
    }
    .hero-section {
        height: auto !important;
        min-height: 80vh;
        padding-top: 100px;
        padding-bottom: 60px;
    }
    .hero-title {
        font-size: 3rem !important;
    }
    section {
        padding: 4rem 0;
    }
    .section-title {
        font-size: 2rem;
    }
}

@media (max-width: 767.98px) {
    .hero-title {
        font-size: 2.5rem !important;
    }
    .hero-tagline {
        font-size: 1.1rem !important;
    }
    .premium-card {
        padding: 1.5rem;
    }
    .about-image {
        margin-bottom: 2rem;
    }
}