.img-reponsive {
  max-width: 100%;
  display: block;
  height: auto;
}


.circuit_pluie,
.circuit_ruissellement,
.circuit_phosphore,
.circuit_phosphore--caption,
.circuit_egouts,
.circuit_degradation,
.circuit_cours-eau,
.circuit_algues {
  display: block;
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 40px;
  font-weight: bold;
  line-height: 43px;
}

.circuit_phosphore--caption,
.circuit_algues {
  font-size: 16px;
  line-height: 19px;
}

.circuit_pluie {
  top: 65px;
}

.circuit_ruissellement {
  top: 310px;
}

.circuit_phosphore {
  top: 350px;
}

.circuit_phosphore--caption {
  top: 355px;
}

.circuit_egouts {
  top: 445px;
}

.circuit_degradation {
  top: 530px;
}

.circuit_algues {
  top: 530px;
}

/*@media (min-width: 768px) and (max-width: 979px) {*/
@media (min-width: 980px) and (max-width: 1130px) {
  .circuit_pluie {
    top: 65px;
  }

  .circuit_ruissellement {
    top: 280px;
  }

  .circuit_phosphore {
    top: 310px;
  }

  .circuit_phosphore--caption {
    top: 315px;
  }

  .circuit_egouts {
    top: 385px;
  }

  .circuit_degradation {
    top: 450px;
  }

  .circuit_algues {
    top: 450px;
  }
}
@media (max-width: 979px) {
  .circuit_pluie {
    top: 65px;
  }

  .circuit_ruissellement {
    top: 245px;
  }

  .circuit_phosphore {
    top: 280px;
  }

  .circuit_phosphore--caption {
    top: 290px;
  }

  .circuit_egouts {
    top: 345px;
  }

  .circuit_degradation {
    top: 415px;
  }

  .circuit_algues {
    top: 415px;
  }
}