html,
body
{
    width: 100%;
    overflow-x: hidden;
}

/* scroll */
*
{
    scrollbar-width: thin;
    scrollbar-color: #000 transparent;
}

*::-webkit-scrollbar
{
    width: 12px;
}

*::-webkit-scrollbar-track
{
    background: transparent;
}

*::-webkit-scrollbar-thumb
{
    background-color: #2A2A2D;
    border-radius: 7px;
    border: 3px solid transparent;
}
/* scroll */



@font-face {
    font-family: OS_Light;
    src: url('../../fonts/Rubik-Light.ttf');
    font-display: swap;
}
@font-face {
    font-family: OS_Regular;
    src: url('../../fonts/Rubik-Regular.ttf');
    font-display: swap;
}
@font-face {
    font-family: OS_Medium;
    src: url('../../fonts/Rubik-Medium.ttf');
    font-display: swap;
}
@font-face {
    font-family: OS_SemiBold;
    src: url('../../fonts/Rubik-SemiBold.ttf');
    font-display: swap;
}
@font-face {
    font-family: OS_Bold;
    src: url('../../fonts/Rubik-Bold.ttf');
    font-display: swap;
}
@font-face {
    font-family: OS_Black;
    src: url('../../fonts/Rubik-Black.ttf');
    font-display: swap;
}

@font-face {
    font-family: OS_ALT_Regular;
    src: url('../../fonts/ChangaOne-Regular.ttf');
    font-display: swap;
}

@font-face {
    font-family: OS_ALT_Regular_Italic;
    src: url('../../fonts/ChangaOne-Italic.ttf');
    font-display: swap;
}


.site_page {
    display: block;
    width: 100%;
}

.site_page_sized {
    display: block;
    width: 100%;
    background: #FFF;
}



@media (max-width: 1024px) {
    .desktop_only {
        display: none !important;
    }
}