*
{
    box-sizing:border-box;
}

::-webkit-scrollbar
{
    width: 20px;
    height: 20px;
}
::-webkit-scrollbar-button
{
    width: 0px;
    height: 0px;
}
::-webkit-scrollbar-thumb
{
    background: #333;
    border: 0px dashed #fff;
    border-radius: 34px;
}
::-webkit-scrollbar-thumb:hover
{
    background: #141414;
}
::-webkit-scrollbar-thumb:active
{
    background: #222;
}
::-webkit-scrollbar-track
{
    background: #fff;
    border: 0px none #fff;
    border-radius: 80px;
}
::-webkit-scrollbar-corner
{
    background: transparent;
}

html
{
    overflow-x:hidden;
}

body
{
    padding:0;
    margin:0;
    background-color:#000;
    color:#fff;
    font-size:17pt;
    font-family:'Jost';
    transition: margin 300ms ease-out;
    width:100%;
    overflow-x:hidden;
}

body.open nav
{
    right:0;
}

nav
{
    position:fixed;
    background-color:#e2dce0;
    width:350px;
    height:100vh;
    z-index:100;
    border-left:5px solid #4e4d4e;
    top:0;
    right:-350px;
    transition:right 300ms ease-in;
}

nav a
{
    padding:20px 30px;
    border-bottom:1px solid #aaa;
    color:#000;
    display:block;
    vertical-align:middle;
}

nav svg
{
    width:25px;
    height:25px;
    vertical-align: middle;
    margin-right:15px;
}

nav span
{
    display:inline-block;
    vertical-align: middle;
}

h1, h2, h3, h4, h5, h6
{
    color:#333;
    font-family:Prata;
    letter-spacing:1px;
}

h1
{
    font-size:2.2em;
    font-weight: 400;
}

h2
{
    font-size:1.5em;
}

h3
{
    font-size:1.1em;
}

h4
{
    font-size:1.3em;
}

h5
{
    font-size:1em;
}

h6
{
    font-size:1em;
}

a
{
    text-decoration:none;
    display:inline-block;
}

.button
{
    padding:14px 25px;
    transition: all 200ms linear;
    cursor:pointer;
    border:2px solid #fff;
    background-color:#fff;
    color:#000;
    font-weight:500;
}

.button:hover
{
    background-color:transparent;
    color:#fff;
}

.button.dark
{
    border-color:#000;
    background-color:#000;
    color:#fff;
}

.button.dark:hover
{
    background-color:transparent;
    color:#000;
}

.button
{
    letter-spacing:1px;
    text-transform:uppercase;
}

div.grid div.unit
{
    padding:50px;
}

div.logo
{
    width:400px;
    margin:50px 100px;
    position:absolute;
    left:50%;
    margin-left:-200px;
    top:70px;
    text-align:center;
}

div.logo img
{
    width:100%;
}

div.logo div.slogan
{
    margin-top:100px;
}

div.logo div.slogan p
{
    font-size:1.3em;
    text-transform:uppercase;
    margin:25px 0;
    letter-spacing:1.5px;
}

div.navIcon
{
    cursor:pointer;
    position:absolute;
    right:60px;
    top:60px;    
}

div.navIcon svg
{
    fill:#fff;
    transform:scale(1.5);
}

div.hr
{
    background-color:#999;
    height:1px;
    margin:40px;
}

div.bannerOverlay
{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-color:#000;
    opacity:.5;
}

section.mainBanner
{
    position:relative;
}

section div.content
{
    display: flex;
    flex-grow: 1;
    align-items: stretch;
    justify-content: space-evenly;
}

section div.block
{
    display: flex;
    flex-direction: column;
}

section div.inner-section
{
    max-width:1400px;
    margin:0 auto;
}

div.banner
{
    position:relative;
    background-size:cover;
    height:800px;
    width:100%;
}

div.banner.home
{
    background-position:center center;
    background-repeat:no-repeat;
}

section.book
{
    text-align:center;
    padding:40px;
}

section.menuNav
{
    text-transform:uppercase;
    color:#fff;
    list-style:none;
    max-width:1400px;
    margin:0 auto;
}

section.menuNav div.block
{
    padding:20px 4%;
    border-radius:0;
    border:1px solid #000;
}

section.menuNav div.block.active, section.menuNav div.block:hover
{
    border-radius:10px;
    background-color:#252527;
    cursor:pointer;
}

section.menuNav div.block p
{
    margin:5px 0;
    user-select:none;
}

section.menuNav div.block p:nth-child(1)
{
    font-weight:400;
    letter-spacing:2px;
    margin-bottom:0;
}

section.menuNav div.block p:nth-child(2)
{
    font-family:prata;
    font-size:2.2em;
    margin-bottom:-10px;
}

section.menuNav div.block p:nth-child(3)
{
    font-size:1.1em;
    font-weight:200;
    letter-spacing:1px;
    color:#f3f3f3;
}

section.menus
{
    color:#000;
    text-align:center;
}

section.menus div.menu
{
    display:none;
    padding:50px 10%;
    width:1400px;
    margin:0 auto;
    background-color:#e2dce0;
}

section.menus div.menu.active
{
    display:block;
}

div.arrow-holder
{
    height:0;
    position:relative;
    text-align:center;
    top:-38px;
    transition:top 300ms ease-out;
}

section.menuNav div.block.active div.arrow-holder
{
    top:7px;
}

div.arrow-down
{
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    transition: border-color 300ms ease-out;
    float:right;
    margin-top:10px;
    margin-right:5px; 
}

section.menuNav div.block.active div.arrow-holder div.arrow-down
{
    border-top-color: #252527;
}

section.menus a
{
    text-decoration:underline;
    cursor:pointer;
}

section.menus a.button
{
    padding:5px 15px;
    text-decoration:none;
}

section.menus h3
{
    letter-spacing:1px;
    font-size:1.2em;
}

section.menus h4
{
    font-family:Jost;
    text-transform:uppercase;
    font-weight:300;
    letter-spacing:1.5px;
    font-size:1.1em;
    margin:0;
}

section.menus p
{
    margin:20px 0;
}

section.menus p.price
{
    margin:5px 0;
    margin-bottom:30px;
    font-weight:500;
}

section.menus p.listItem
{
    margin:5px 0;
}

section.menus p.subname
{
    margin-top: -35px;
    margin-bottom: 35px;
    font-size: 1.7em;
    font-weight: 300;
}

section.info
{
    padding:50px 0;
    background-color:#252527;
    background: rgb(21,21,22);
    background: linear-gradient(180deg, rgba(21,21,22,1) 0%, rgba(46,46,48,1) 79%, rgba(47,46,48,1) 100%);
}

section.info div.grid div.unit
{
    color:#252527;
    background-color:#e2dce0;
    min-height:300px;
}

section.info div.grid div.unit h1
{
    text-align:center;
}

section.info.page
{
    background:none;
    background-color: #e2dce0;        
}

section.info.page div.grid div.whole
{
    max-width:1000px;
    margin:0 auto;
}

section.info div.grid div.unit h1
{
    text-align:left;
    margin-top:0;
}

section.homeInfo1 div.grid div.one-quarter
{
    background-color:#252527;
}

section.testimonials
{
    background-color:#f7f6f6;
    color:#252527;
}

section.footer
{
    background-color:#000;
    color:#fff;
}

section.footer div.content
{
    text-align:center;
    padding:50px;
    text-align:center;
}

svg text
{
    dominant-baseline: middle;
    fill: #000;
    font-family: 'Jost';
    font-size: 12px;
    text-anchor: middle;
} 

@media only screen and (max-width: 1400px)
{
    body
    {
        font-size:16pt;
    }

    section.menuNav div.block
    {
        padding: 20px 2.5%;
    }    

    section.menuNav div.block p:nth-child(2)
    {
        font-size: 1.9em;
    }
}

@media only screen and (max-width: 1000px)
{
    body
    {
        font-size:15pt;
    }

    section.menuNav div.block
    {
        padding: 20px 1.5%;
    }
    
    section.menuNav div.block p:nth-child(1)
    {
        font-size:0.9em;
    }    

    section.menuNav div.block p:nth-child(2)
    {
        font-size: 1.5em;
    }
    
    div.arrow-down
    {
        border-width:10px;
    }

    main div.banner
    {
        height:350px;
    }    

    main.home div.banner
    {
        height:550px;
    }    
    
    div.slogan
    {
        display:none;
    }
    
    main.home div.slogan
    {
        display:block;
        margin-top:50px;
    }
}

@media only screen and (max-width: 700px)
{
    div.navIcon
    {
        top:25px;
        right:25px; 
    }

    div.navIcon svg
    {
        height:45px;
        width:45px;       
    }

    div.grid div.unit, div.grid div.unit img, iframe
    {
        width:100% !important;
    }

    div.logo img
    {
        width:70%;
    }

    section.menuNav div.block
    {
        padding: 20px 1%;
    }

    section.menuNav div.block p:nth-child(1)
    {
        font-size:0.7em;
    }    

    section.menuNav div.block p:nth-child(2)
    {
        font-size: 1.1em;
    }
    
    div.arrow-down
    {
        border-width:6px;
    }    
}

@media only screen and (max-width: 700px)
{
    section.menuNav div.block
    {
        padding: 20px .5%;
    }

    section.menuNav div.block p:nth-child(1)
    {
        font-size:0.5em;
    }    

    section.menuNav div.block p:nth-child(2)
    {
        font-size: .8em;
    } 
    
    div.arrow-down
    {
        display:none;
    }     
}