/*#region var*/
@media (max-width: 768px) {
    :root {
        --pxunit: .7rem;
        --headerH: 8rem;
        --margin: 4rem;
        --header-distance: 3rem;
    }

    html {
        font-size: calc( 100vw / 768 * 10);
        overflow-x: hidden;
    }

    body {
        overflow-x: hidden;
    }
}

@media (max-width: 450px) {
    :root {
        --pxunit: .6rem;
        --margin: 1.7rem;
        --header-distance: 2rem;
    }

    html {
        font-size: calc( 100vw / 450 * 10);
    }
}

/*#endregion var*/