#header #navbar ul.navigation {
  text-transform: uppercase;
}

  .navigation a {
    color: black;
  }

  #header.scrolled #navbar a {
      color: black !important;
  }


.callout {
  background-color: #000;
  color: white;
}

.callout h1, h2, h3, p {
  text-align: left !important;
  }

.align-left_centered {
  display: block;
  margin-left: 35%;
}

.programmes {
  display: flex;
  flex-wrap: wrap;
  background-color: #d5d2d1;

}
.programme {
  max-width: 30%;
  padding: 3rem;
  background-color: white;
  margin: 0.5rem;
}

.programme h4 {
  text-transform: uppercase;
}

.programme img {
  max-width: 30%;
}

.programmes :hover {
  background-color: black;
  color: white;
}