body{
    margin:0;
}

.bg-wood{
    background-image: url("bg-wood.jpg");
}

.mt-5{ margin-top: 5px !important; }
.mt-10{ margin-top: 10px !important; } .mt-15{ margin-top: 15px; } .mt-20{ margin-top: 20px; } .mt-30{ margin-top: 30px; }  .mt-40{ margin-top: 40px; } .mt-50{ margin-top: 50px; } .mt-60{ margin-top: 60px; } .mt-70{ margin-top: 70px; } .mt-75{ margin-top: 75px; } .mt-80{ margin-top: 80px; }  .mt-90{ margin-top: 90px; }
.mt-100{ margin-top: 100px;} .mt-150{ margin-top: 150px;}
.mt-200{ margin-top: 200px;} .mt-250{ margin-top: 250px;}
.mt-300{ margin-top: 300px;} .mt-350{ margin-top: 350px;} .mt-375{ margin-top: 375px;}
.mt-400{ margin-top: 400px;} .mt-450{ margin-top: 450px;} .mt-475{ margin-top: 475px;}
.mt-500{ margin-top: 500px;} .mt-550{ margin-top: 550px;}

.mb-10{ margin-bottom: 10px; } .mb-15{ margin-bottom: 15px; } .mb-20{ margin-bottom: 20px; } .mb-50{ margin-bottom: 50px; } .mb-60{ margin-bottom: 60px; } .mb-70{ margin-bottom: 70px; }
.mb-100{ margin-bottom: 100px;} .mb-110{ margin-bottom: 110px;}.mb-120{ margin-bottom: 120px;} .mb-130{ margin-bottom: 130px;}
.mb-200{ margin-bottom: 200px;} .mb-250{ margin-bottom: 250px;}

.mr-50{
    margin-right: 50px;
}


.ml-10{ margin-left: 10px; } .ml-50{ margin-left: 50px; }

.pt-10{ padding-top: 10px; } .pt-15{ padding-top: 15px; } .pt-20{ padding-top: 20px; } .pt-50{ padding-top: 50px; }
.pt-60{ padding-top: 60px; } .pt-70{ padding-top: 70px; } .pt-75{ padding-top: 75px; } .pt-80{ padding-top: 80px; }

.skew{
    transform: skew(-25deg);
    border-left: 1px solid #8e8e8e;
    border-right: 1px solid #8e8e8e;
    display: inline-block;
}

.width-50{ width: 50%; } .width-55{ width: 55%; }  .width-60{ width: 60%; }  .width-75{ width: 75%; }
.width-110{ width: 110%; } .width-115{ width: 115%; } .width-125{ width: 125%; }

.underline{
    text-decoration: underline;
}
.italic{
    font-style: italic;
}
.clear {
  clear: both;
}


.img-home{
    max-height: 735px;
}

@media (min-width: 320px) {
    .menu-image{
        height: 110px;
        background-position: center;
        background-size: cover;
        object-fit: cover ;

    }
}

@media (min-width: 357px) {
    .font-GothamLight{
        font-family: GothamLight;
    }

    .font-CrimsonRoman{
        font-family: CrimsonRoman;
    }

    .uppercase{
        text-transform: uppercase;
    }

    .fs-8{ font-size: 8pt; } .fs-9{ font-size: 9pt; }
    .fs-10{ font-size: 8pt; } .fs-11{ font-size: 9pt; } .fs-12{ font-size: 10pt; } .fs-13{ font-size: 11pt; } .fs-14{ font-size: 14pt; } .fs-15{ font-size: 15pt; } .fs-16{ font-size: 16pt; } .fs-17{ font-size: 17pt; } .fs-18{ font-size: 18pt; } .fs-19{ font-size: 19pt; } .fs-20{ font-size: 20pt; }
    .fs-20{ font-size: 20pt; } .fs-21{ font-size: 21pt; } .fs-22{ font-size: 22pt; } .fs-23{ font-size: 12pt; } .fs-24{ font-size: 24pt; } .fs-25{ font-size: 20pt; } .fs-26{ font-size: 26pt; } .fs-27{ font-size: 27pt; } .fs-28{ font-size: 28pt; } .fs-29{ font-size: 29pt; } .fs-30{ font-size: 30pt; }
    .fs-30{ font-size: 30pt; } .fs-35{ font-size: 30pt; }
    .fs-40{ font-size: 25pt; } .fs-46{ font-size: 34pt; }

    .fs-page-number{
        font-size: 18pt;
    }

    .lh-29{ line-height: 29px; } .lh-46{ line-height: 46px; }
    .lem-1{ line-height: 1em; }

    .ls-01{ letter-spacing: 0.1px; } .ls-02{ letter-spacing: 0.2px; } .ls-03{ letter-spacing: 0.3px; } .ls-04{ letter-spacing: 0.4px; } .ls-05{ letter-spacing: 0.5px; } .ls-06{ letter-spacing: 0.7px; } .ls-07{ letter-spacing: 0.7px; } .ls-08{ letter-spacing: 0.8px; } .ls-09{ letter-spacing: 0.9px; }
    .ls-1{ letter-spacing: 1px; } .ls-2{ letter-spacing: 2px; } .ls-3{ letter-spacing: 3px; } .ls-4{ letter-spacing: 4px; }

    .mt-80{ margin-top: 50px;}
    .mt-60{ margin-top: 50px;}


    .neutral-skew{
        transform: skew(25deg);
        padding:0px 23px;
        font-family: CrimsonRoman;
    }
    .neutral-skew-small{
        transform: skew(25deg);
        padding:0px 10px;
        font-family: GothamLight;
    }

    .zindex-1-story{
        margin-top: 30px;
    }
    .index-history{
        position: relative;
        top: -100px;
    }
    .menu-image{
        height: 150px;
        background-position: center;
        background-size: cover;
        object-fit: cover ;

    }
}

@media (min-width: 480px) {
    .container-xxl{
      margin-top:90px;
    }

    .font-GothamLight{
        font-family: GothamLight;
    }

    .font-CrimsonRoman{
        font-family: CrimsonRoman;
    }

    .uppercase{
        text-transform: uppercase;
    }

    .fs-8{ font-size: 8pt; } .fs-9{ font-size: 9pt; }
    .fs-10{ font-size: 8pt; } .fs-11{ font-size: 9pt; } .fs-12{ font-size: 10pt; } .fs-13{ font-size: 11pt; } .fs-14{ font-size: 14pt; } .fs-15{ font-size: 15pt; } .fs-16{ font-size: 16pt; } .fs-17{ font-size: 17pt; } .fs-18{ font-size: 18pt; } .fs-19{ font-size: 19pt; } .fs-20{ font-size: 20pt; }
    .fs-20{ font-size: 20pt; } .fs-21{ font-size: 21pt; } .fs-22{ font-size: 22pt; } .fs-23{ font-size: 12pt; } .fs-24{ font-size: 24pt; } .fs-25{ font-size: 20pt; } .fs-26{ font-size: 26pt; } .fs-27{ font-size: 27pt; } .fs-28{ font-size: 28pt; } .fs-29{ font-size: 29pt; } .fs-30{ font-size: 30pt; }
    .fs-30{ font-size: 30pt; } .fs-35{ font-size: 30pt; }
    .fs-40{ font-size: 25pt; } .fs-46{ font-size: 34pt; }

    .fs-page-number{
        font-size: 18pt;
    }

    .lh-29{ line-height: 29px; } .lh-46{ line-height: 46px; }
    .lem-1{ line-height: 1em; }

    .ls-01{ letter-spacing: 0.1px; } .ls-02{ letter-spacing: 0.2px; } .ls-03{ letter-spacing: 0.3px; } .ls-04{ letter-spacing: 0.4px; } .ls-05{ letter-spacing: 0.5px; } .ls-06{ letter-spacing: 0.7px; } .ls-07{ letter-spacing: 0.7px; } .ls-08{ letter-spacing: 0.8px; } .ls-09{ letter-spacing: 0.9px; }
    .ls-1{ letter-spacing: 1px; } .ls-2{ letter-spacing: 2px; } .ls-3{ letter-spacing: 3px; } .ls-4{ letter-spacing: 4px; }

    .mt-80{ margin-top: 50px;}
    .mt-60{ margin-top: 30px;}


    .neutral-skew{
        transform: skew(25deg);
        padding:0px 23px;
        font-family: CrimsonRoman;
    }
    .neutral-skew-small{
        transform: skew(25deg);
        padding:0px 10px;
        font-family: GothamLight;
    }

    .zindex-1-story{
        margin-top: 30px;
    }
    .index-history{
        position: relative;
        top: -100px;
    }
    .width-55{ width: 45%; }
    .mt-70{ margin-top: 0px; }
    .mt-200{ margin-top: 0px; }
}

@media (min-width: 610px) {
    .container-xxl{
      margin-top:90px;
    }

    .mt-70{ margin-top: 60px; }
    .mt-100{ margin-top: 0px; }
}

@media (min-width: 640px) {
    .container-xxl{
      margin-top:90px;
    }

    .font-GothamLight{
        font-family: GothamLight;
    }

    .font-CrimsonRoman{
        font-family: CrimsonRoman;
    }

    .uppercase{
        text-transform: uppercase;
    }

    .fs-8{ font-size: 8pt; } .fs-9{ font-size: 9pt; }
    .fs-10{ font-size: 8pt; } .fs-11{ font-size: 9pt; } .fs-12{ font-size: 10pt; } .fs-13{ font-size: 11pt; } .fs-14{ font-size: 14pt; } .fs-15{ font-size: 15pt; } .fs-16{ font-size: 16pt; } .fs-17{ font-size: 17pt; } .fs-18{ font-size: 18pt; } .fs-19{ font-size: 19pt; } .fs-20{ font-size: 20pt; }
    .fs-20{ font-size: 20pt; } .fs-21{ font-size: 21pt; } .fs-22{ font-size: 22pt; } .fs-23{ font-size: 12pt; } .fs-24{ font-size: 24pt; } .fs-25{ font-size: 20pt; } .fs-26{ font-size: 26pt; } .fs-27{ font-size: 27pt; } .fs-28{ font-size: 28pt; } .fs-29{ font-size: 29pt; } .fs-30{ font-size: 30pt; }
    .fs-30{ font-size: 30pt; } .fs-35{ font-size: 30pt; }
    .fs-40{ font-size: 40pt; } .fs-46{ font-size: 34pt; }

    .fs-page-number{
        font-size: 18pt;
    }

    .lh-29{ line-height: 29px; } .lh-46{ line-height: 46px; }
    .lem-1{ line-height: 1em; }

    .ls-01{ letter-spacing: 0.1px; } .ls-02{ letter-spacing: 0.2px; } .ls-03{ letter-spacing: 0.3px; } .ls-04{ letter-spacing: 0.4px; } .ls-05{ letter-spacing: 0.5px; } .ls-06{ letter-spacing: 0.7px; } .ls-07{ letter-spacing: 0.7px; } .ls-08{ letter-spacing: 0.8px; } .ls-09{ letter-spacing: 0.9px; }
    .ls-1{ letter-spacing: 1px; } .ls-2{ letter-spacing: 2px; } .ls-3{ letter-spacing: 3px; } .ls-4{ letter-spacing: 4px; }

    .mt-80{ margin-top: 50px;}
    .mt-60{ margin-top: 30px;}


    .neutral-skew{
        transform: skew(25deg);
        padding:0px 23px;
        font-family: CrimsonRoman;
    }
    .neutral-skew-small{
        transform: skew(25deg);
        padding:0px 10px;
        font-family: GothamLight;
    }

    .zindex-1-story{
        margin-top: 30px;
    }
    .index-history{
        position: relative;
        margin-top: -70px;
    }

    .width-55{ width: 30%; }

    .padding-story{
        padding-right:50px;
    }
}


@media (min-width: 1000px) {
    .container-xxl{
      margin-top:90px;
    }

    .font-GothamLight{
        font-family: GothamLight;
    }

    .font-CrimsonRoman{
        font-family: CrimsonRoman;
    }

    .uppercase{
        text-transform: uppercase;
    }

    .fs-8{ font-size: 8pt; } .fs-9{ font-size: 9pt; }
    .fs-10{ font-size: 10pt; } .fs-11{ font-size: 11pt; } .fs-12{ font-size: 12pt; } .fs-13{ font-size: 13pt; } .fs-14{ font-size: 14pt; } .fs-15{ font-size: 15pt; } .fs-16{ font-size: 16pt; } .fs-17{ font-size: 17pt; } .fs-18{ font-size: 18pt; } .fs-19{ font-size: 19pt; } .fs-20{ font-size: 20pt; }
    .fs-20{ font-size: 20pt; } .fs-21{ font-size: 21pt; } .fs-22{ font-size: 22pt; } .fs-23{ font-size: 23pt; } .fs-24{ font-size: 24pt; } .fs-25{ font-size: 25pt; } .fs-26{ font-size: 26pt; } .fs-27{ font-size: 27pt; } .fs-28{ font-size: 28pt; } .fs-29{ font-size: 29pt; } .fs-30{ font-size: 30pt; }
    .fs-30{ font-size: 30pt; } .fs-35{ font-size: 35pt; }
    .fs-40{ font-size: 40pt; } .fs-46{ font-size: 46pt; }

    .fs-page-number{
        font-size: 30pt;
    }

    .lh-29{ line-height: 29px; } .lh-46{ line-height: 46px; }
    .lem-1{ line-height: 1em; }

    .ls-01{ letter-spacing: 0.1px; } .ls-02{ letter-spacing: 0.2px; } .ls-03{ letter-spacing: 0.3px; } .ls-04{ letter-spacing: 0.4px; } .ls-05{ letter-spacing: 0.5px; } .ls-06{ letter-spacing: 0.7px; } .ls-07{ letter-spacing: 0.7px; } .ls-08{ letter-spacing: 0.8px; } .ls-09{ letter-spacing: 0.9px; }
    .ls-1{ letter-spacing: 1px; } .ls-2{ letter-spacing: 2px; } .ls-3{ letter-spacing: 3px; } .ls-4{ letter-spacing: 4px; }



    .zindex--1{
        position: absolute;
        z-index: -1;
    }
    .zindex-1{
        position: absolute;
        z-index: 1;
    }
    .zindex-2{
        position: absolute;
        z-index: 2;
    }


    .zindex-1-story{
        position: absolute;
        z-index: 1;
        width:100%;
    }
    .index-history{
        position: relative;
        margin-top: -250px;
    }

    .index-awalmula{
        margin-left: -20px;
    }
    .mt-80{ margin-top: 80px;}


    .neutral-skew{
        transform: skew(25deg);
        padding:0px 23px;
        font-family: CrimsonRoman;
    }
    .neutral-skew-small{
        transform: skew(25deg);
        padding:0px 5px;
        font-family: GothamLight;
        font-size: 10pt;
    }

    .padding-0{
        padding: 0px;
    }

    .width-55{ width: 55%; }
    .mt-60{ margin-top: 50px; }
    .mt-70{ margin-top: 70px; }
    .mt-100{ margin-top: 30px; }

    .menu-image{
        height: 300px;
        background-position: center;
        background-size: cover;
        object-fit: cover ;

    }
}

@media (min-width: 1200px) {
    .mt-100{ margin-top: 70px; }

    .zindex-1-story{
        position: absolute;
        z-index: 1;
        width:600px;
        height:702px;
    }

    .padding-story{
        padding-right:100px;
    }

}

@media (min-width: 1300px) {
    .mt-100{ margin-top: 70px; }
    .container-history{
        width: 1200px;
    }
}

@media (min-width: 1900px) {
    .font-GothamLight{
        font-family: GothamLight;
    }

    .font-CrimsonRoman{
        font-family: CrimsonRoman;
    }

    .uppercase{
        text-transform: uppercase;
    }

    .fs-8{ font-size: 8pt; } .fs-9{ font-size: 9pt; }
    .fs-10{ font-size: 10pt; } .fs-11{ font-size: 11pt; } .fs-12{ font-size: 12pt; } .fs-13{ font-size: 13pt; } .fs-14{ font-size: 14pt; } .fs-15{ font-size: 15pt; } .fs-16{ font-size: 16pt; } .fs-17{ font-size: 17pt; } .fs-18{ font-size: 18pt; } .fs-19{ font-size: 19pt; } .fs-20{ font-size: 20pt; }
    .fs-20{ font-size: 20pt; } .fs-21{ font-size: 21pt; } .fs-22{ font-size: 22pt; } .fs-23{ font-size: 23pt; } .fs-24{ font-size: 24pt; } .fs-25{ font-size: 25pt; } .fs-26{ font-size: 26pt; } .fs-27{ font-size: 27pt; } .fs-28{ font-size: 28pt; } .fs-29{ font-size: 29pt; } .fs-30{ font-size: 30pt; }
    .fs-30{ font-size: 30pt; } .fs-35{ font-size: 35pt; }
    .fs-40{ font-size: 40pt; } .fs-46{ font-size: 46pt; }

    .fs-page-number{
        font-size: 30pt;
    }

    .lh-29{ line-height: 29px; } .lh-46{ line-height: 46px; }
    .lem-1{ line-height: 1em; }

    .ls-01{ letter-spacing: 0.1px; } .ls-02{ letter-spacing: 0.2px; } .ls-03{ letter-spacing: 0.3px; } .ls-04{ letter-spacing: 0.4px; } .ls-05{ letter-spacing: 0.5px; } .ls-06{ letter-spacing: 0.7px; } .ls-07{ letter-spacing: 0.7px; } .ls-08{ letter-spacing: 0.8px; } .ls-09{ letter-spacing: 0.9px; }
    .ls-1{ letter-spacing: 1px; } .ls-2{ letter-spacing: 2px; } .ls-3{ letter-spacing: 3px; } .ls-4{ letter-spacing: 4px; }



    .zindex--1{
        position: absolute;
        z-index: -1;
    }
    .zindex-1{
        position: absolute;
        z-index: 1;
    }
    .zindex-2{
        position: absolute;
        z-index: 2;
    }


    .zindex-1-story{
        position: absolute;
        z-index: 1;
        width:80%;
    }
    .index-history{
        position: relative;
        margin-top: -250px;
    }

    .index-awalmula{
        margin-left: -20px;
    }
    .mt-80{ margin-top: 80px;}


    .neutral-skew{
        transform: skew(25deg);
        padding:0px 23px;
        font-family: CrimsonRoman;
    }
    .neutral-skew-small{
        transform: skew(25deg);
        padding:0px 5px;
        font-family: GothamLight;
        font-size: 10pt;
    }

    .padding-0{
        padding: 0px;
    }

    .width-55{ width: 39%; }
    .mt-70{ margin-top: 0px; }
    .mt-200{ margin-top: 200px; }
}