@media (max-width: 768px) {
    .nav-links {
        display: none;
    }

    .feature {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }

    .feature-image {
        width: 100%;
        height: 300px;
    }

    .hero h1 {
        font-size: 42px;
    }

    .hero p {
        font-size: 18px;
    }

    .feature h2 {
        font-size: 36px;
    }

    .feature p {
        font-size: 16px;
    }

    .feature-text {
        padding: 0 20px;
    }
}