@font-face {
  font-family: "Dunbar";
  src: local("Dunbar Low Light"), local("Dunbar-Low-Light"),
    url("../fonts/dunbar/DunbarLow-Light.woff2") format("woff2"),
    url("../fonts/dunbar/DunbarLow-Light.woff") format("woff"),
    url("../fonts/dunbar/DunbarLow-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

body {
  background: #0a0c18;
  color: #fff;
  font-family: "Helvetica", sans-serif;
}

h1 {
  color: #fff;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Helvetica", sans-serif;
  font-weight: bold;
}

header {
  text-align: center;
}

header .title {
  background-color: #e32819;
  padding: 20px;
}

header .title h1 {
  font-size: 1.4em;
}

header .logo-top {
  padding: 30px;
}

header .logo-top img {
  max-height: 110px;
  width: auto;
}

.anjou-cards .anjou-card {
  background-color: #feeee6;
  color: #000;
  padding: 2em;
  font-size: 1.2em;
}

.anjou-cards .anjou-card h2 {
  color: #e32819;
  font-size: 2em;
  line-height: 85px;
  margin-bottom: 10px;
}

.anjou-cards .anjou-card:nth-child(2) {
  background-color: #fbdccd;
}

.anjou-cards .anjou-card:nth-child(3) {
  background-color: #f9c9b4;
}

.anjou-cards .anjou-card:nth-child(4) {
  background-color: #feeee6;
}

.contact-module .custom {
  display: flex;
  align-items: center;
}

.contact-module .custom p {
  margin: 0;
}

.contact-module .custom a {
  color: #fff !important;
  text-decoration: none;
}

.contact-module .contact-right {
  margin-left: 20px;
}

.anjou-links h3 {
  color: #fff;
  margin: 0;
}

.anjou-footer p {
  margin: 0;
}

.anjou-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.anjou-footer > div {
  margin-bottom: 30px;
}

.anjou-footer .anjou-links {
  text-align: center;
}

.anjou-footer .anjou-links a {
  font-size: 3em;
  color: #fff !important;
  text-decoration: none !important;
}

.anjou-footer .anjou-adresse {
  text-align: center;
}

.anjou-footer .anjou-links a .linkedin {
  color: #0766c2 !important;
}

@media screen and (min-width: 1024px) {
  .anjou-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .anjou-footer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
  }
}

@media screen and (min-width: 1445px) {
  header .title h1 {
    font-size: 1.6em;
  }

  .anjou-links h3 {
    font-size: 2em;
  }

  .anjou-cards .anjou-card {
    padding: 3em;
    font-size: 1.6em;
  }

  .anjou-cards .anjou-card h2 {
    font-size: 2em;
  }

  .anjou-footer .anjou-links {
    display: flex;
    align-items: center;
  }

  .anjou-footer .anjou-links a {
    margin-left: 20px;
  }

  .anjou-footer .anjou-adresse {
    text-align: left;
  }
}