/* Additional responsive styles */
@media (max-width: 768px) {
    .main-header {
        padding: 0;
    }

    .main-nav {
        padding: 0.8rem 5%;
    }

    /* Ensure content doesn't overlap with fixed header */
    /* main {
        padding-top: 70px;
    } */

    /* Improve touch targets */
    .nav-links a {
        padding: 15px;
    }

    /* Enhance hamburger touch area */
    .hamburger {
        padding: 15px;
        margin: -15px;
    }

    .logo-text {
        font-size: 1.2rem;
    }

    .logo-img {
        height: 40px;
    }

    .grid-container {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        padding: 1rem;
    }

    .section-title {
        font-size: 2rem;
        margin-bottom: 2rem;
    }

    .hero-section {
        padding: 4rem 1rem;
    }

    .hero-content h1 {
        font-size: 2rem;
    }

    .newsletter-form {
        flex-direction: column;
        gap: 1rem;
    }

    .newsletter-form input,
    .newsletter-form button {
        width: 100%;
    }
}

/* Small mobile devices */
@media (max-width: 480px) {
    .main-nav {
        padding: 1.5rem 3%;
    }

    .section-title {
        font-size: 1.8rem;
        /* margin-top: 50px; */
    }

    .card {
        padding: 1.5rem;
    }
}