@media (max-width: 768px) {
    .hero {
        padding: 2rem 0.5rem;
    }
    h1 {
        font-size: 2rem;
    }
}
@media (max-width: 480px) {
    .hero {
        padding: 1rem 0.2rem;
    }
    h1 {
        font-size: 1.5rem;
    }
}