html {
    font-size: 82.5%;
}

/* Font Family */

body {
    font-family: var(--font-family-main);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin: 0 auto;
    width: 100%;
}

@media screen and (max-width: 991px) {
    body {
        overflow-x: scroll;
    }
}

body:not(#checkout) main {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* overflow-x: hidden; */
}

#wrapper {
    padding-top: 0;
    background-color: unset;
}

@media screen and (min-width: 1200px) {
    #header {
        top: min(-145px, -13.5rem);
    }
}




/* Containers */

.container-fluid {
    width: 100%;
}

.container {
    width: var(--global-width) !important;
    max-width: 92%;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
}

.flex {
    display: flex;
}

.grid {
    display: grid;
}

.relative {
    position: relative;
}

/* @media screen and (min-width: 992px){
    .container {
        max-width: 85%;
    }
} */