@media (max-width: 991px) {
    .navbar-scroll {
      background-color: #fff;
    }
    .navbar-nav .nav-link.active, .nav-link:hover {
      color: var(--mdb-navbar-active-color);
      text-decoration: underline;
      text-underline-offset: 10px;
    }
    .navbar-scroll .navbar-brand,.navbar-scroll .nav-link, .navbar-scroll .fa-bars {
      color: #4f4f4f !important;
    }         
  }
  @media (min-width: 992px) {
    .navbar-nav .nav-link.active, .navbar-nav .nav-link:hover {
      color:  #fff;
      text-decoration: underline;
      text-underline-offset: 10px;
    }
    .navbar-scrolled .nav-link.active, .navbar-scrolled .nav-link:hover {
      color:  #4f4f4f;
      text-decoration: underline;
      text-underline-offset: 10px;
    }
    
  }
 
  .navbar-scroll .navbar-brand,
  .navbar-scroll .nav-link,
  .navbar-scroll .fa-bars {
    color: #fff;
  }

  .navbar-scroll {
    box-shadow: none;
  }

  .navbar-scrolled {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
    background-color: #fff;
  }

  .navbar-scrolled .navbar-brand,
  .navbar-scrolled .nav-link,
  .navbar-scrolled .fa-bars {
    color: #4f4f4f;
  }

.clip-polygon {
  clip-path: circle(150px at center)
}

.modal-body {
  padding-bottom: 0;
}

.modal-header {
  border-bottom: none;
}

#home, #contact, #about, #actions, #pratiquer, #boutique { scroll-margin-top: 50px; }