/********************************************************
* GRID COLUMNS
********************************************************/ 
.grid-container-2 {
    display: grid;
    column-gap: 5em;
    row-gap: 2em;
}
.grid-container-news,
.grid-container-3,
.grid-container-4,
.grid-container-5 {
    display: grid;
    row-gap: 2em;
}
.grid-container-news .loadMoreButtonJS {
    grid-column: 1/-1;
}
.grid-container-2 {
    grid-template-columns: repeat(2, 1fr);
}
.grid-container-news,
.grid-container-3 {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 3em;
}
.grid-container-4 {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 2.5em;
}
.grid-container-5 {
    grid-template-columns: repeat(5, 1fr);
    column-gap: 2em;
}
.team-wall-big .grid-container-4 {
    column-gap: 4.2em;
}
.grid-box {
    padding: 0;
    position: relative;
    display: flex;
}
.grid-box img {
    border-radius: 4px;
}
.white-box {
    background-color: var(--primary-color);
    border-radius: var(--border-radius);
    margin: .5em 0;
    color: var(--paragraph-color);
}
.grid-box,
.team-member {
    width: 100%;
     min-width: 0;
    overflow-wrap: anywhere;
}

@media screen and (max-width:1199px) {

    .products-column .grid-container-4,
    .grid-container-news {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 2em;
    }
    .grid-container-5 {
        grid-template-columns: repeat(3, 1fr);
    }
    .grid-container-2.BreakVeryEarlyForMobile {
        grid-template-columns: 1fr;
    }
    .BreakVeryEarlyForMobile.reverseGridMobile {
        display: flex;
        flex-direction: column-reverse;
    }
}
@media screen and (max-width:1099px) {
    .grid-container-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width:991px) {
    .grid-container-2.BreakEarlyForMobile,
    .grid-container-3 {
        grid-template-columns: 1fr;
    }
    .BreakEarlyForMobile.reverseGridMobile {
        display: flex;
        flex-direction: column-reverse;
    }
}
@media screen and (max-width:767px) {
    .grid-container-news,
    .grid-container-2 {
        grid-template-columns: 1fr;
    }
    .reverseGridMobile {
        display: flex;
        flex-direction: column-reverse;
    }
    .grid-container-4 {
        grid-template-columns: 1fr;
    }
    .grid-container-5 {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width:440px) {
    .grid-container-5 {
        grid-template-columns: 1fr;
    }
}