/*
 * pages.css
 * Pages simples : contact, mentions légales, erreur 404
 */

.Error {
  text-align: center;
}

.Error-title {
  font-family: "miriam_librebold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 42px;
  line-height: 48px;
  padding: 140px 20px 0px;
}

@media screen and (min-width: 992px) {
  .Error-title {
    font-size: 90px;
    line-height: 90px;
  }
}

.Error .teaser {
  padding: 0px 20px 20px;
}

@media screen and (min-width: 992px) {
  .Error .teaser {
    padding: 0px 200px 20px;
  }
}

.Error .button {
  margin: 0px 0px 240px;
}

.page-contact #content-area {
  margin: 0px auto;
  width: 100%;
  max-width: 100%;
  background-color: #2F00B0;
  text-align: left;
}

.page-contact #content-area .Customers-title {
  font-family: "miriam_librebold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 42px;
  line-height: 48px;
  text-align: center;
  color: #3800D3;
  background-color: white;
  margin: 90px 0px 20px;
  padding-bottom: 60px;
}

@media screen and (min-width: 992px) {
  .page-contact #content-area .Customers-title {
    font-size: 70px;
    line-height: 78px;
    margin: 90px 0px 20px;
  }
}

/* --- Anciennement en style="" dans le HTML --- */
.Projet-teaser p.compact {
  padding: 0 0 20px;
}