body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0 auto;
    font-family: var(--font-primary);
}

.site-main {
    flex: 1;
    margin-top: 124px;
    background-color: #FCF9F3;
}

.container {
    padding-inline: 10%;
    margin: 0 auto;
    padding-block: 1rem;    
}

@media screen and (max-width: 2000px) {
    .site-main {
        margin-top: 110px;
    }
}

/* @media screen and (max-width: 768px) {
    .site-main {
        margin-top: 110px;
    }
}

@media screen and (max-width: 645px) {
    .site-main {
        margin-top: 105px;
    }
} */

@media screen and (max-width: 582px) {
    .site-main {
        margin-top: 120px;
    }
}

@media screen and (max-width: 425px) {
    .site-main {
        margin-top: 115px;
    }
}

@media screen and (max-width: 390px) {
    .site-main {
        margin-top: 114px;
    }
}