.Logo img {
    max-height: 200px; /* logo principal réduit */
    width: auto;
  }

  .h1{
    text-align: center;
}


/* --------- Responsive pour tablettes --------- */
@media screen and (max-width: 768px) {
    .Logo img {
        max-height: 200px; /* logo principal réduit */
        width: auto;
    }

    h1 {
        font-size: 2.2rem; /* texte un peu plus petit sur tablette */
    }
}


/* --------- Responsive pour téléphones --------- */
@media screen and (max-width: 480px) {
      .Logo img {
    max-height: 150px;
  }

        h1 {
    text-align: center;
    font-size: 1.6rem; /* texte plus petit sur mobile */
  }
}