/* ===================================================== */
/*                  RESPONSIVE                           */
/* ===================================================== */


/* Tablettes */

@media(max-width:1000px){


.hero h1{

font-size:55px;

}


.hero p{

font-size:20px;

}


.container{

width:90%;

}


.video-grid{

grid-template-columns:1fr;

}


.gallery-grid{

grid-template-columns:repeat(2,1fr);

}


}





/* Téléphones */

@media(max-width:650px){


.hero{

min-height:90vh;

padding:100px 20px;

}



.hero-logo{

width:120px;

}


.hero h1{

font-size:42px;

}


.hero p{

font-size:17px;

}


.hero-buttons{

flex-direction:column;

}



.btn{

width:100%;

}



h2{

font-size:32px;

}



.feature-grid,
.stats-grid,
.gallery-grid,
.faq-grid{

grid-template-columns:1fr;

}



.gallery-grid img{

height:200px;

}



.video-grid iframe{

height:220px;

}



.card{

padding:22px;

}



.counter{

font-size:45px;

}


}



/* petits écrans */

@media(max-width:400px){


.hero h1{

font-size:36px;

}


.badge{

font-size:12px;

}


}