.page-header {
  padding-top: 12rem;
  padding-bottom: 6rem;
  background: linear-gradient(rgba(0, 29, 35, 0.8), rgba(0, 29, 35, 0.8)), url('../img/Les_inseparables_breadcrumb.jpg') center center no-repeat;
  background-size: cover;
}

@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 700 !important;
  line-height: 1.2;
}

.breadcrumb {
  background: none;
  padding: 0;
  margin: 0;
}
.breadcrumb-item {
  font-size: 1.1em;
  color: white;
  position: relative;
}

.breadcrumb li a i:hover {
  color: #513cc4;
}

.breadcrumb-item a {
  color: white;
  text-decoration: none;
}

.breadcrumb-item a:hover {
  color: #ffd700; /* Optional: a hover color */
}

.titre {
  color: #513cc4;
  font-weight: 500;
}