.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one 🙂       */
  display: flex;
  align-items: center;
}

.label-opaque {
  background-color: rgba(25,67,96,1);
}

.label-transparent {
  background-color: rgba(25,67,96,0.8);
}

.icone-maintenance-cercle {
  margin: auto;
  box-sizing: border-box;
  width: 108px;
  height: 108px;
  background-image: url('/themes/custom/die/images/maintenance-icon-0.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 54px 54px;
  border-radius: 50%;
  transform: translateY(-50%);
}

.zone-texte {
  min-height: 200px;
}

.zone-texte h1 {
  font-size: 50px;
  font-weight: 300;
  line-height: 58px;
  text-align: center;
  color: #FFFFFF;
  text-transform: uppercase;
  text-shadow: 0px 2px 4px rgba(0,0,0,0.5);
}

.zone-texte h2 {
  font-size: 36px;
  font-weight: 300;
  line-height: 42px;
  text-align: center;
  color: #FFFFFF;
  text-shadow: 0px 2px 4px rgba(0,0,0,0.5);
}

.zone-texte p {
  font-size: 20px;
  font-weight: 300;
  line-height: 36px;
  text-align: center;
  color: #FFFFFF;
  text-shadow: 0px 2px 4px rgba(0,0,0,0.5);
}

.zone-texte a {
  color: white;
  text-decoration: underline;
}