/** -- Begin of textWithImageOnRight ------------------------------------------------------------------------------- **/
#textWithImageOnRight .row > div {
    flex-direction: row;
    column-gap: 30px;
}

#textWithImageOnRightDivText {
    padding-bottom: 0;
}
/** -- End of textWithImageOnRight --------------------------------------------------------------------------------- **/

/** -- Begin of bootstrap ------------------------------------------------------------------------------------------ **/
/** ---- Header ---------------------------------------------------------------------------------------------------- **/
#toggleHamburger {
    display: none;
}

header nav {
    display: block;
    max-height: revert;
    width: fit-content;
    position: revert;
    top: revert;
    right: revert;
}

header li,
header li:last-child {
    display: inline-block;
    border: none;
}

/** ---- footer ---------------------------------------------------------------------------------------------------- **/
footer ul.topLevel {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: flex-start;
}

footer ul.topLevel > li,
footer ul.topLevel > li > div,
footer ul.secondLevel {
    width: fit-content;
}
/** -- End of bootstrap -------------------------------------------------------------------------------------------- **/

/** -- Begin of products ------------------------------------------------------------------------------------------- **/
#products ul {
    flex-direction: row;
    gap: 15px 16px;
}

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

#toggleHamburger {
    display: inline;
}

header nav {
    position: absolute;
    width: 100vw;
    top: 0;
    right: 0;
    max-height: 0;
}

header li,
header li:last-child {
    display: block;
}