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

.hero{
  background-image:url("images/img8.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* =========================
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/img8mobile.png");
  }
}