/* Mobile Responsiveness */

/* Mobile responsiveness - add padding to content */
@media (max-width: 768px) {
    .hero {
        padding: 1rem 1.5rem;
        margin: 0 1rem 2rem 1rem;
    }
    
    .container {
        padding: 0 1.5rem;
    }
    
    .e-content {
        padding: 0 0.5rem;
    }
    
    /* Ensure text doesn't touch screen edges */
    body {
        padding: 0 0.5rem;
    }
    
    main {
        padding: 0 0.5rem;
    }
    
    /* Remove border-radius from hero images on mobile */
    section.hero {
        border-radius: 0 !important;
    }
    
    /* Remove border-radius from all hero images */
    .hero img,
    section.hero,
    .hero {
        border-radius: 0 !important;
    }
}