/**
 * Styles responsive pour MagoBinary Auto
 * Généré automatiquement pour magodasbinarias.shop
 * Date: 2025-05-20 19:25:20
 */

/* Tablettes et appareils de taille moyenne */
@media (max-width: 767px) {
    .container {
        padding: 0 15px;
    }
    
    .header-content {
        flex-direction: column;
        text-align: center;
    }
    
    nav {
        margin-top: 15px;
    }
    
    nav ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    nav ul li {
        margin: 5px 10px;
    }
    
    .hero {
        height: 400px;
    }
    
    .hero h1 {
        font-size: 32px;
    }
    
    .footer-content {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
    
    .about-content {
        flex-direction: column;
    }
    
    .about-img {
        order: -1;
        margin-bottom: 30px;
    }
    
    .service-card {
        margin-bottom: 20px;
    }
}

/* Téléphones mobiles */
@media (max-width: 483px) {
    .hero {
        height: 300px;
    }
    
    .hero h1 {
        font-size: 28px;
    }
    
    .hero p {
        font-size: 16px;
    }
    
    .section-header h2 {
        font-size: 28px;
    }
    
    .about {
        padding: 40px 0;
    }
    
    .services {
        padding: 40px 0;
    }
    
    .latest-articles {
        padding: 40px 0;
    }
    
    .btn {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    
    .article-img {
        height: 180px;
    }
    
    .footer-column {
        margin-bottom: 30px;
    }
}