.custom-row-navbar-color {
    background-color: #ccc7cb;
    /* padding-left: 1vw !important; */
    /* padding-bottom: 0vw !important;
                    padding-top: 0vw !important; */
    /* padding-top: 1.0vh;
    padding-bottom: 1.0vh; */
    padding-left: 1vw;
    padding-right: 1vw;
}

.navtitle {
    color: #000000;
    /* Couleur du texte */

    /* Taille de police adaptative en fonction de la largeur de l'écran */
    font-size: 2.5em;
    /* Taille de police de base (2.5% de la largeur de la vue) */
}

@media (max-width: 576px) {
    .navtitle {
        font-size: 2.5em;
    }
}

@media (min-width: 577px) and (max-width: 768px) {
    .navtitle {
        font-size: 3em;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .navtitle {
        font-size: 3.5em;
    }
}

@media (min-width: 993px) {
    .navtitle {
        font-size: 4em;
    }
}