.mod-banner__img {
  height: 200px; /* Ajustez la hauteur selon vos besoins */
  background-size: cover;
  background-position: center top;
}

.mod-banner__wrapper .mod-banner__img::before {
  content: none !important;
  background: none !important;
  opacity: 1 !important;
}

.footer-container {
    display: flex;
    flex-wrap: wrap; /* Permet aux colonnes de se réorganiser sur plusieurs lignes si nécessaire */
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
    background-color: #002855; /* Couleur de fond du pied de page */
}

.footer-column {
    flex: 1 1 100%; /* Les colonnes prennent toute la largeur par défaut */
    margin: 10px 0;
}

.logo img {
    max-width: 200px; /* Taille ajustée pour agrandir le logo */
    height: auto; /* Assure que le ratio d'aspect est maintenu */
}

.contact-info, .social-links {
    margin-top: 10px;
}

.social-links a {
    display: block;
    margin-bottom: 5px;
}

/* Media query pour les écrans plus larges */
@media (min-width: 600px) {
    .footer-column {
        flex: 1; /* Les colonnes s'affichent côte à côte sur les écrans plus larges */
        margin: 0 10px;
    }
}
.mod-header-logo {
  max-width: 150px !important;
}

@media (min-width: 600px) {
  .mod-header-logo {
    max-width: 200px !important;
  }
    .navbar-default .navbar-toggle .icon-bar {
  background-color: #00A0AB; /* Modifiez ce code pour changer la couleur */
}