header {
  min-height: 135px;
}

a:hover {
  border-color: #616EE1;
}

.nav-item .active {
  transform: scale(1.2);
  border: 2px;
}

.heading {
  padding-top: 500px;
}

@media (min-width: 1200px) {
  #heading {
    padding-top: 180px;
  }
}

.scroller {
  /*height: 100vh;*/
  /*overflow-y: scroll;*/
  /*scroll-snap-type: y mandatory;*/
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5,;
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  height: 100vh;
}

.scroller header, section {
  /*scroll-snap-align: start;*/
}

body {
  background: url(../../assets/img/Fonds/4858794.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.h2:before {
  content: "";
  display: inline-block;
  height: 0.3em;
  vertical-align: bottom;
  width: 100%;
  margin-right: 10px;
  margin-left: -100%;
  border-top: 2px solid #F49D04;
}


/* Mobile-specific styles */
@media (max-width: 768px) {
    /* Réduire la taille du texte du menu */
    .navbar-nav .nav-link {
        font-size: 14px; /* Réduit la taille de la police sur mobile */
    }
    
    /* Gestion des marges et padding dans le menu */
    .navbar-nav .nav-item {
        margin-bottom: 10px;
    }
    
    /* Réduire la taille des icônes pour le toggler (bouton du menu) */
    .navbar-toggler {
        font-size: 18px;
    }

    /* Ajustement pour le footer */
    footer p {
        font-size: 12px; /* Réduction de la taille de police dans le footer */
    }

    /* Assurer que le dropdown prend bien tout l'espace disponible */
    .dropdown-menu {
        width: 100%;
        text-align: left;
    }
}