/*
  Identité visuelle JMC Scolaire.
  Le logo est un fichier bitmap au ratio fixe (2048x682) : on ne contraint que la
  hauteur et on laisse la largeur en "auto" pour ne jamais l'étirer ni le déformer,
  quel que soit l'endroit où il est affiché. 50px reprend la hauteur native de
  l'ancien logo pour ne pas modifier la mise en page existante.
*/
.brand-logo {
  height: 50px;
  width: auto;
}

@media (max-width: 575px) {
  .brand-logo {
    height: 38px;
  }
}

/*
  Pictogramme carré de la marque (fichier maître 128x128), utilisé tel quel :
  la même règle hauteur/largeur-auto que .brand-logo garantit qu'il ne sera
  jamais étiré, ici ramené à la taille native de l'ancien favicon.ico qu'il
  remplace pour ne pas faire bouger la mise en page existante.
*/
.brand-icon {
  height: 50px;
  width: auto;
}