/*
* RÈGLES SPÉCIALES POUR TÉLÉPHONE
* Corrige le chevauchement du logo et du menu
*/
@media screen and (max-width: 768px) {

/* Rendre le logo (et son image) plus petit */
.sb-logo img {
/* Limiter la largeur de l'image du logo à 75% de l'écran */
max-width: 75% !important;
height: auto !important; /* Garder les bonnes proportions */
}

/* Donner de l'air au conteneur du haut (header) */
.sb-header-content {
padding-top: 15px !important; /* Mettre un peu d'espace au-dessus */
padding-bottom: 5px !important; /* Mettre un peu d'espace en dessous */
}

/* Éloigner le bouton de menu (les trois barres) du logo */
/* On le décale un peu vers le bas et à gauche */
.sb-header-menu-button {
top: 20px !important;
left: 10px !important;
}
}