@charset "utf-8";

.logo-container {
  width: 95vw;
  max-width: 1200px;
  height: 30vh;
  max-height: 500px;
  margin: 20px auto 30px auto; /* Ajout d'une marge inférieure */
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo-container img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Ajout d'une requête média pour les petits écrans */
@media (max-width: 600px) {
  .logo-container {
    width: 85vw; /* Définit la largeur à 90% de la largeur de la fenêtre du navigateur */
    max-width: 85vw; /* Assurez-vous que max-width n'empêche pas la largeur d'être 90vw */
  }
}