/** -- Begin of logosSlider ---------------------------------------------------------------------------------------- **/
#logosSlider ul {
    gap: 20px
}

#logosSlider li {
    flex: 1 1 calc(25% - 15px);
    min-width: calc(25% - 15px);
    max-width: calc(25% - 15px);
}

#logosSlider ul:has(> :nth-child(4)):not(:has(> :nth-child(5))) li {
    animation: none;
}
#logosSlider ul:has(> :nth-child(5)) li {
    animation: logosSlider2 8s infinite;
}
/** -- End of logosSlider ------------------------------------------------------------------------------------------ **/

/** -- Begin of bootstrap ------------------------------------------------------------------------------------------ **/
.container {
    width: 100%;
    padding: 15px 0;
}

.row {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
/** -- End of bootstrap -------------------------------------------------------------------------------------------- **/

/** -- Begin of introduction --------------------------------------------------------------------------------------- **/
#intro h1 {
    font-size: 90px;
}

/** -- Begin of introduction specific ----------------------------------------------------------------------------- **/
#intro .row > div {
    width: 1200px;
    margin: 0 auto;
}

#intro h1 {
    font-size: 50px;
}
/** -- End of introduction ----------------------------------------------------------------------------------------- **/

/** -- Begin of products ------------------------------------------------------------------------------------------- **/
#products li {
    flex: 1 1 25%;
    max-width: calc(25% - 12px);
}
/** -- End of products --------------------------------------------------------------------------------------------- **/