.nav-segment .nav-link {
    color: #677788;
    font-size: 1.7em;
    padding: 0.3rem 0.4em;
    border-radius: .5rem;
}
.display-4 {
    line-height: 1.1;
    margin: 0px 2rem;
}
@media (max-width: 768px) {
    .display-4 {
        font-size: calc(1.2rem + 2.7vw);
        line-height: 1.5;
    }
}

@media (max-width:575px) {
    .display-4 {
        font-size: 1.6rem;
        line-height: 2.2;
        margin: 0px .5rem;
    }
    .day h5 {
        background-color: #f8f9fa;
        padding: 3px 5px 5px;
        margin: -8px -8px 8px -8px;
    }
    .date {
        padding-left: 4px;
    }
}

@media (min-width: 576px) {
    .day {
        height: 13vw;
    }
}

.normalOpening {
    background-color: #c6e53b !important;
}

.fetePrintemps {
    background-color: #3bade5 !important;
}

.feteCigogne {
    background-color: #d6210c !important;
}

.hallowen {
    background-color: #ff7f00 !important;
}
.halloweenAnim {
    background-color: #ff5e00 !important;
}
.preOpening {
    background-color: #3c81ff !important;
}
/*Code ok sur div class day
background-image: url(../images/pumpkin_halloween.png);
background-size: 25%;
background-position: top 3px right 3px;
background-repeat: no-repeat;*/