/* 
   RESPONSIVE ENHANCEMENTS
   Additional media query fixes for chi-siamo.html
*/

@media (max-width: 968px) {
    /* Chi Siamo - Story Section Grid */
    .chi-siamo-story-grid {
        grid-template-columns: 1fr !important;
        gap: 2rem;
    }
    
    .chi-siamo-story-grid > div:first-child {
        order: 1;
    }
    
    .chi-siamo-story-grid > div:last-child {
        order: 2;
    }
}

@media (max-width: 768px) {
    /* Better spacing on mobile */
    .section {
        padding: 2rem 1rem;
    }
    
    /* Hero adjustments */
    .hero-content {
        padding: 1.5rem;
    }
    
    /* Cards on mobile */
    .card-content {
        padding: 1.5rem;
    }
    
    /* Typography adjustments */
    h1 {
        font-size: 2rem;
    }
    
    h2 {
        font-size: 1.75rem;
    }
    
    /* Gallery grid mobile */
    .gallery-grid {
        gap: 1rem;
    }
    
    /* Footer mobile */
    .footer-container {
        text-align: center;
    }
}