/* ==========================================
   CONTACT — HERO PHOTO HD
   ========================================== */

body{
  background:#eee9df;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.hero{
  position:relative !important;
  overflow:hidden !important;

  min-height:500px !important;

  padding-top:80px !important;
  padding-bottom:80px !important;

  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;

  text-align:left !important;

  background-image:
    url("../assets/optimized/contact-hero-background-HD.webp") !important;

  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

/* Aucun déplacement ou recadrage supplémentaire de la photo */

.hero::after{
  display:none !important;
}

.hero .eyebrow{
  color:#987025 !important;
}

.hero h1{
  margin:13px 0 18px !important;

  color:#50391f !important;

  font:
    600 68px/.92
    'Cormorant Garamond',
    Georgia,
    serif !important;
}

.hero .lead{
  color:#493d30 !important;

  font:
    italic 23px/1.48
    'Cormorant Garamond',
    Georgia,
    serif !important;
}

/* Partie pratique */

.contact-main{
  max-width:1300px !important;
  margin:0 auto !important;

  padding-top:80px !important;
  padding-bottom:85px !important;
}

.contact-phone a{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

@media(max-width:760px){

  .hero{
    min-height:430px !important;
  }

  .hero h1{
    font-size:50px !important;
  }

  .hero .lead{
    font-size:21px !important;
  }
}