/*div.contenu {

  width: 88%;
  position: absolute;
  color: white;
  top: 10%;
  left: 11.5%;

}*/


div.contenu {
  width: 88%;
  padding-top: 6.5%;
  padding-left: 12%;
  color: white;
}


.espace{
  display: flex;
  flex-direction: column;
  gap: 30px;
}


h1.title{
  margin-top: 40px;
  font-family: 'NovaRound', sans-serif;
  /*font-size: 60px;*/
  font-size: 6em;
  text-transform: uppercase;
}


  .just-mobile{
    display: none!important;
  }



@media screen and (max-width: 768px) {

  .logononemobile{
    display: none!important;
  }

  h1.title{
    font-size: 3em;
    overflow-wrap: break-word; /* Permet au texte de s'adapter si nécessaire */
    word-break: break-word;
    line-height: 1.2; /* Ajuste l'espacement des lignes */
    max-width: 100%; /* Empêche le dépassement */
  }

  div.contenu{
    padding-top: 20%!important;
  }

  .just-desktop{
    display: none!important;
  }

}