.menu-guillemot {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.menu-guillemot >li > a {
    /* font: 14px Helvetica, sans-serif; */
    color: gray !important;
    user-select: none;
}

.menu-guillemot a:first-child:hover {
    color: red !important;
}


.showMenu{
    display: flex !important;
}

.menu-guillemot>li>ul {
    display: none ;
    position: absolute;
    flex-direction: column;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, .15);
    
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    border-radius: .25rem;
    gap: 1rem;
    z-index: 1000;
}

.menu-guillemot>li>ul > li > ul, .menu-guillemot>li>ul > li {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 15px;
}

.menu-guillemot>li>ul a {
    color: #212529 !important;
    font-size: 1rem;
    font-weight: 400 !important ;
    font:Helvetica , sans-serif;
}

.nav-menu-guillemot{
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.collapse.show{
    display: flex;
}

@media screen and (max-width: 991px) {
    .nav-menu-guillemot{
        /* height: 0px; */
        overflow: hidden;
        flex-direction: column;
        align-items: start;
    }

    .menu-guillemot{
        flex-direction: column;
        gap: 8px;
    }
    .menu-guillemot,.menu-guillemot *{
        width: 100% !important;
    }

    .menu-guillemot>li>ul {
        position: static;
        /* margin-right: 15px; */
        width:fit-content !important;
    }

}
@media screen and (min-width: 991px) {
    .nav-menu-guillemot{
        display: flex;
    }
}