/*
 * En-tête « image » de l'accueil, à la place de la vidéo Vimeo (iframe commentée dans la page).
 * Reprend l'ancien bloc .mobile-home de serm.css (commenté à l'origine) : image homepage.jpg en
 * fond, titre blanc ombré et bouton « Découvrir nos opérations ». Le conteneur garde le format
 * 16:9 de la vidéo pour que les cartes d'actualités chevauchent l'image comme avant.
 */
#home-video .home-hero {
  background: url('/bundles/sermui/images/homepage.jpg') no-repeat center;
  background-size: cover;
}
#home-video .home-hero-text {
  position: absolute;
  top: 22%;
  left: 0;
  width: 100%;
  text-align: center;
}
#home-video .home-hero-text h1 {
  margin: 0 auto;
  width: 80%;
  background: none;
  color: #FFF;
  font-family: 'Maven Pro', sans-serif;
  font-weight: 900;
  font-size: 5.2vw;
  line-height: 1.15;
  text-shadow: 0px 0px 10px #000;
}
#home-video .home-hero-text .slidebtn {
  display: inline-block;
  float: none;
  margin-top: 4%;
}
/* Petits écrans : le cadre 16:9 ne fait que ~200 px de haut, titre et bouton resserrés */
@media only screen and (max-width: 768px) {
  .homepage #home-video .parent { margin-top: 100px; }  /* sous l'en-tête fixe du site */
  #home-video .home-hero-text { top: 10%; }
  #home-video .home-hero-text h1 { width: 92%; font-size: 5.2vw; }
  #home-video .home-hero-text .slidebtn { margin-top: 3%; transform: scale(0.8); }
}