@media (max-width: 576px) {

    .LogoXonics{
        display: none;
        position: absolute;
    }
    .navbar{
        height: 50px;
    }
    .navbar-collapse {
        background-color: rgba(255, 255, 255, 0.8); /* Fond sombre semi-transparent */
      }
      
      .navbar-nav .nav-item .nav-link {
        color: rgb(0, 0, 0); /* Couleur du texte pour améliorer le contraste */
    }
}
@media (min-width: 576px) {

    .LogoXonicsPetit{
        display: none;
        position: absolute;
    }
}