body {
  font-family: Georgia, serif;
  background-color: #f9f9f9;
  color: #222;
  line-height: 1.6;
}
a {
  color: #0056b3;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.banner {
/*  background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
              url('https://images.unsplash.com/photo-1504711434969-e33886168f5c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1400&q=80') center/cover no-repeat; */

  background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
                          url('/img/nantes-skyline-black-watercolor-white-background-81221980.webp') center/cover no-repeat;
  min-height: 300px;
  color: white;
  padding: 4rem 1rem;
  text-shadow: 0 1px 3px rgba(0,0,0,0.9);
}
section {
  margin-bottom: 3rem;
}
ul {
  padding-left: 1rem;
}

#mercuriale {
  background-color: #f4f9fc;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  padding: 20px;
}

#mercuriale::before {
  content: '';
  display: block;
  width: 50px;
  height: 4px;
  background-color: #2a4d69;
  margin-bottom: 12px;
}

.article-item {
  margin-bottom: 12px;
}
.col-md-4 {
  padding: 15px;
  background: #f9f9f9;
  border: 1px solid #ddd;
  margin-bottom: 20px;
}