/* Mobile Optimizations CSS */

/* Base mobile styles */
@media (max-width: 768px) {
    /* Typography adjustments */
    html {
        font-size: 14px;
    }
    
    h1 {
        font-size: 1.75rem;
    }
    
    h2 {
        font-size: 1.5rem;
    }
    
    h3 {
        font-size: 1.25rem;
    }

    /* Container adjustments */
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}