/* =========================
HERO 5KM
========================= */

.hero{
  background-image:url("images/img7.png");
}

/* =========================
OPTIONNEL : petite variante couleur (si tu veux différencier)
========================= */

.badge{
  border:1px solid rgba(139,195,74,0.25);
  background:rgba(139,195,74,0.12);
  color:#b7ff73;
}

/* =========================
RESPONSIVE IMAGE (sécurité)
========================= */

@media (max-width:1024px){
  .hero{
    background-image:url("images/img7mobile.png");
  }
}