@font-face {
      font-family: 'Mories'; 
      src: url('/public/fonts/mories/Mories.ttf') format('truetype');
    }
    .pure-font {
      font-family: 'Mories', sans-serif;
    }
    .pure-color{
      color: #009FE3;
    }

    html,
    body,
    header,
    .jarallax {
      height: 700px;
    }

    @media (max-width: 740px) {
      html,
      body,
      header,
      .jarallax {
        height: 100vh;
      }
    }

    @media (min-width: 800px) and (max-width: 850px) {
      html,
      body,
      header,
      .jarallax {
        height: 100vh;
      }
    }

    @media (min-width: 560px) and (max-width: 650px) {
      header .jarallax h1 {
        margin-bottom: .5rem !important;
      }
      header .jarallax h5 {
        margin-bottom: .5rem !important;
      }
    }

    @media (min-width: 660px) and (max-width: 700px) {
      header .jarallax h1 {
        margin-bottom: 1.5rem !important;
      }
      header .jarallax h5 {
        margin-bottom: 1.5rem !important;
      }
    }

@media (max-width: 576px) {
    .intro-info-content h1 {
        font-size: 1.5rem; /* Plus petit pour les mobiles */
    }
}

@media (min-width: 768px) {
    .intro-info-content h1 {
        font-size: 2.5rem; /* Taille pour les tablettes */
    }
}

@media (min-width: 992px) {
    .intro-info-content h1 {
        font-size: 3.5rem; /* Taille pour les écrans d'ordinateurs */
    }
}
.rgba-black-light {
    background: rgba(0, 0, 0, 0.5); /* Fond noir avec 50% d'opacité */
    border: 1px solid rgba(255, 255, 255, 0.125); /* Bordure optionnelle en blanc */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ombre optionnelle */
}