#page-home-banner>div {
    margin: 0;
    padding: 0;
    margin-bottom: 2rem;
}

#page-home-banner,
#g-mainbar>div:nth-child(2),
#g-mainbar>div:nth-child(3),
#g-mainbar>div:nth-child(5) {
    background-color: var(--background-gray);
}

#notre-production-section>div {
    margin-right: 0px;
    margin-top: 0px;
    padding-top: 0px;
}

#voir-plus-block>.g-particle {
    display: none;
}

h2 {
    font-size: 16px;
    text-transform: uppercase;
    color: black;
}

.hover-cards-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.nos-ressources .hover-cards-title {
    max-width: 82vw;
}

@media (min-width: 550px) and (max-width: 816px) {
    .nos-ressources .hover-cards-title {
        max-width: 41vw;
    }
}

@media (max-width: 816px) {

    /* In mobile, keep only 4 first articles */
    .nos-ressources-articles .nos-ressources-article-wrapper.number-4,
    .nos-ressources-articles .nos-ressources-article-wrapper.number-5 {
        display: none;
    }

}

@media (min-width: 816px) {    
    h2 {
        text-transform: none;
        color: #1c1c1c;
    }

    #notre-production-section {
        padding-top: 20px;
    }

    #notre-production-section,
    .nos-ressources {
        padding-bottom: 20px;
    }

    #voir-plus-block>.g-particle {
        display: flex;
        justify-content: end;
    }

    .nos-ressources-articles {
        column-gap: 30px;
        row-gap: 50px;
    }

    .nos-ressources {
        margin-bottom: 20px;
    }

    .nos-ressources .main-image {
        height: 18vw;
        object-fit: cover;
    }

    .nos-ressources .hover-cards-title {
        max-width: 27vw;
    }

    #g-mainbar>div:nth-child(2) {
        align-items: baseline;
    }
}

@media (min-width: 1220px) {
    #g-mainbar>div:nth-child(1) {
        margin-left: -13%;
        margin-right: -13%;
    }

    #g-mainbar>div:nth-child(2),
    #g-mainbar>div:nth-child(3),
    #g-mainbar>div:nth-child(5) {
        background-color: var(--background-gray);
        margin-left: -13%;
        padding-left: 13%;
        margin-right: -13%;
        padding-right: 13%;
    }

    #g-mainbar .card {
        left: -95%;
        top: 10px;
    }

    .nos-ressources .hover-cards-title {
        max-width: 23vw;
    }
}