/* Mobile-specific styles for the homepage (index.php) */
@media (max-width: 768px) {
    .hero {
        padding: 5rem 1rem;
    }
    
    .hero-content h2 {
        font-size: 1.8rem;
        letter-spacing: 1px;
        line-height: 1.3;
    }

    .content {
        padding: 2.5rem 1.2rem;
    }

    .content h1 {
        font-size: 1.8rem;
    }

    .intro-text {
        font-size: 1.1rem !important;
    }

    .areas-list {
        justify-content: center;
    }
    
    .areas-list a {
        padding: 6px 10px;
        font-size: 0.8rem;
    }
}