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

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

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

/** -- Begin of listWithImages ------------------------------------------------------------------------------------- **/
#listWithImages li {
    flex: 1 1 33%;
    min-width: 33%;
}

#listWithImages li p {
    padding: 0 15px;
}
/** -- End of listWithImages --------------------------------------------------------------------------------------- **/

/** -- Begin of contact -------------------------------------------------------------------------------------------- **/
#contact form {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 20px;
}

#contact form > div {
    flex: 1 1 calc(33% - 20px);
}

#contact form > div:has(textarea) {
    flex: 1 1 100%;
}
/** -- End of contact ---------------------------------------------------------------------------------------------- **/

/** -- Begin of introduction --------------------------------------------------------------------------------------- **/
#intro .row > div {
    left: 120px;
    transform: translateY(-50%);
    text-align: left;
}

/** -- Begin of introduction specific ----------------------------------------------------------------------------- **/
#intro .row > div {
    top: 0;
    left: 0;
    transform: none;
}

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

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

/** -- Begin of orderedList ---------------------------------------------------------------------------------------- **/
#orderedList ol {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

#orderedList li {
    flex: 0 0 33.33%;
}
/** -- End of orderedList ------------------------------------------------------------------------------------------ **/

header .row > #logo {
    flex: 0 0 auto;
}

#toggleHamburger {
    display: none;
}

header nav {
    display: block;
    max-height: revert;
    width: fit-content;
    position: revert;
    top: revert;
    right: revert;
    z-index: 0;
    padding: 0;
    background-color: transparent;
}

header .row > nav {
    flex: 1 1 auto;
    text-align: center;
}

header ul {
    display: flex;
    width: fit-content;
    margin: 0 auto;
}

header li,
header li:last-child {
    display: inline-block;
    border: none;
    flex: 1 1 auto;
    padding: 5px 15px 5px 15px;
}