:root {
    font-size:0.521vw;  /*10px*/
    --bgcolor1: #F3EEDF;
    --bgcolor4: #FFFFFF;
    --bgcolor2: #0C342C;
    --bgcolor3: #B4956C;
    --bgcolor5: #173D2D;
    --bgcolor6: #B3946E;
    --bgcolor7: #FDFAF2;

    --menutextcolor: #0C342C;

    --bdtextcolory1: #B4956C;
    --bdtextcolory2: #B3946E;
    --bdtextcolory3: #F3EEDF;
    --bdtextcolorw: #FFFFFF;
    --bdtextcolorx: #173D2D;
    --bdtextcolort: #0C342C;
    --bdtextcolort2: #022C2C;
    --paddrootmenuh: 14rem;
    
    --paddrootbodyh: 24rem;
    --paddrootbodyp: 46rem;
    --paddrootbodyp2: 32rem;
    --paddrootbottom: 12rem;
    --paddroottop: 9rem;
    --paddroottop2: 14.8rem;
    --paddrootacc: 9rem;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}


@font-face {
    font-family: 'SVN-Tabac Glam G3';
    font-weight: 400;
    src: url("../fonts/SVN-TabacGlamG3-Regular.otf");
    font-display: swap;
}

@font-face {
    font-family: 'Whitney HTF';
    font-weight: 600;
    src: url("../fonts/iCielTheSans-Plain.otf");
    font-display: swap;
}
@font-face {
    font-family: 'Whitney HTF';
    font-weight: 500;
    src: url("../fonts/iCielTheSans-LightPlain.otf");
    font-display: swap;
}
@font-face {
    font-family: 'Whitney HTF';
    font-weight: 400;
    src: url("../fonts/iCielTheSans-LightPlain.otf");
    font-display: swap;
}

* {
    box-sizing: border-box;
    border-collapse: inherit;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;   
}

body {
    overscroll-behavior: none;
    margin: 0; padding: 0;
    font-family: 'Whitney HTF', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.4; font-weight: 500; font-style: normal;
    font-size: 1.6rem;
    overflow: auto;
    height: 100%; width: 100%;
    scroll-behavior:smooth;

    /* -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none; */
}

.bgrsize100 {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: hidden;
}

p {
    margin-block-start: 0.5rem; margin-block-end: 0.5rem;
    letter-spacing: 0.2px;
}

section {
    position: relative;
    display: block;
}

.buffertop {
    position: relative;
    height: 5rem;
}

.center {
    text-align: center;
}

.upcase {
    text-transform: uppercase;
}

h1 {
    font-size: 7.5rem;
}
h2 {
    font-size: 4.8rem;
}
h3, h4, h5, h6 {
    font-size: 2.4rem;
}

.s75 {
    font-size: 7.5rem;
}
.s48 {
    font-size: 4.8rem;
}
.s45 {
    font-size: 4.5rem;
}
.s40{
    font-size: 4rem;
}
.s32 {
    font-size: 3.2rem;
}
.s26 {
    font-size: 2.6rem;
}
.s25 {
    font-size: 2.5rem;
}
.s24 {
    font-size: 2.4rem;
}
.s20 {
    font-size: 2.2rem;
}
.s18 {
    font-size: 2rem;
}
.s16 {
    font-size: 1.75rem;
}
.s14 {
    font-size: 1.7rem;
}
.s9 {
    font-size: 1.35rem;
}
.s8 {
    font-size: 1.2rem;
}

@media only screen and (max-width: 1366px){
}

@media only screen and (max-width: 1280px){
}

@media only screen and (max-width: 1023px){
}

@media only screen and (max-width: 1024px){
    .buffertop {
        height: 50px;
      }
    body {
        font-size: 14px;
    
    /*  -webkit-touch-callout:none;
        -webkit-user-select:none;
        -khtml-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none; */
    }

    .s75 {
        font-size: 75px;
    }
    .s48 {
        font-size: 48px;
    }
    .s45 {
        font-size: 45px;
    }
    .s40{
        font-size: 40px;
    }
    .s32 {
        font-size: 32px;
    }
    .s26 {
        font-size: 26px;
    }
    .s25 {
        font-size: 25px;
    }
    .s24 {
        font-size: 24px;
    }
    .s20 {
        font-size: 20px;
    }
    .s18 {
        font-size: 18px;
    }
    .s16 {
        font-size: 16px;
    }
    .s14 {
        font-size: 14px;
    }
    .s9 {
        font-size: 9px;
    }
    .s8 {
        font-size: 8px;
    }
    h1 {
        font-size: 45px;
    }
    h2 {
        font-size: 30px;
    }
    h3, h4, h5, h6 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 420px){

}

@media only screen and (max-width: 390px){

}

@media only screen and (max-width: 320px){

}