/* *************** */
/* SECTION BANDEAU */
/* *************** */

.right-items {
    display: flex;
    justify-content: flex-end;
    /* Aligne les éléments à droite */
    align-items: center;
    flex: 1;
    /* Prend autant d'espace que possible */
}

.navbar-custom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* box-sizing: border-box;
    position: fixed; */
    height: 10px;
    /* min-height: 100px */
    /* prend toute la largeur */
    background-color: #333;
    /* couleur de fond */
    color: #fff;
    /* couleur de texte */
    /* padding: 0rem; */
    /* marge interne */
    text-align: center;
    /* alignement du texte */
    background-image: url('/static/images/banner.svg'), url('/static/images/colline.svg');
    background-position: left center, center center;
    background-repeat: no-repeat, repeat-x;
    padding: 0% 0;
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
    background-size: 50% auto, auto auto;
    background-position-x: calc(3vw);
}


/* S'applique au dessus de min-width*/
@media screen and (min-width: 2049px) {
    .navbar-custom {
        background-size: 50% 80%, auto auto;
    }
}

/* S'applique au dessus de min-width et en dessous de max-width */
@media screen and (min-width: 1335px) and (max-width: 2048px) {
    .navbar-custom {
        background-size: 50% 80%, auto auto;
        height: 8vh;
    }
}

/* S'applique en dessous de max-width */
@media screen and (max-width: 1334px) {
    .navbar-custom {
        background-size: 50% 80%, auto auto;
        height: 8vh;
    }
}