/* body {
    background-color: chartreuse;
} */

/* hide menu */
/* #main-nav {
    display: none;
} */

* {
    transition: none;
}

.hero-background,
.hero-content {
    /* position: fixed; */
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;

    /* z-index: -10; */
}

.hero-content {
    height: 95vh;
    height: 95dvh;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;

}

.hero-background img,
.hero-background video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

h2 {
    /* font-size: 36pt; */
    font-size: clamp(16pt, 4vw, 40pt);
    letter-spacing: 0.13em;
}

.home-svg-wrapper {
    width: calc(var(--colonne) * 10);
    min-width: var(--min-width-deskt);
}

@media screen and (max-width: 650px) {
    .footer-fixed footer {
        position: fixed;
    }

    .home-svg-wrapper {
        width: calc(var(--colonne-mobile) * 8);
        min-width: calc(var(--colonne-mobile) * 8);
    }
}