@media(max-width:768px){

    .mobile-menu-btn{
        display:block;
        background:none;
        border:none;
        color:white;
        font-size:32px;
    }

    .main-nav ul{

        position:fixed;

        top:85px;
        left:-100%;

        width:280px;
        height:calc(100vh - 85px);

        background:#003E7E;

        flex-direction:column;

        padding:30px;

        transition:.3s;

        z-index:999;
    }

    .main-nav ul.active{
        left:0;
    }

    .hero{
        min-height:600px;
        padding:50px 20px;
    }

    .quick-grid,
    .partners-grid{
        grid-template-columns:1fr;
    }

    .news-grid{
        grid-template-columns:1fr;
    }

    .footer-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:768px){

    .hero{

        min-height:650px;

        padding:
            120px
            20px
            80px;
    }

    .hero h1{

        font-size:48px;

        text-align:center;
    }

    .hero p{

        font-size:18px;

        max-width:100%;
    }
}

@media(max-width:480px){

    .hero h1{

        font-size:42px;
    }

    .hero-subtitle{

        font-size:16px;
    }

    .hero p{

        font-size:16px;
    }
}

/* Tablette */

@media(max-width:992px){

    .stats-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

/* Mobile */

@media(max-width:576px){

    .stats-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .stat-card{
        width:100%;
        min-height:180px;
    }

}