#toggleBtn {     border: 0px;
    position: absolute;
    z-index: 991;
    bottom: 70px;
    right: 70px;
    background: no-repeat;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

#toggleBtn:hover {
background: #FFF;
}

#toggleBtn svg {
color: #FFF;
    height: 30px; width: 30px;
}

#toggleBtn:hover svg path {
fill: #333;
}

#wrapper {
position: relative;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
background-position: center 0px;
height: 100%;
}

#page {
display: table;
margin: 0px;
}

#hero {
width:100%;
margin: 0px;
height: 100%; height: 100vh; height: 100dvh;
position: relative;
background: #333; 
}

#hero:before {
background: linear-gradient(34deg, rgba(0, 0, 0, 0.73) 0%, rgba(0, 0, 0, 0) 100%);
content: ""; position: absolute; width: 100%; height: 100%; z-index: 2;
}

#hero .tagline {
position: absolute; bottom: 120px; left: 5%; z-index: 99; text-align: left; 
max-width: 670px;
width: 90%; color: #FFF;
}

#hero .tagline span {
display: block;
font-weight: 800; line-height: 1;
font-size: 64px;
margin-bottom: 35px;
}


.buttons,
.button {
    display: flex;
}

.buttons a:link,
.buttons a:visited,
.button a:link,
.button a:visited {
    background: #AB8C41;
color: #FFF;
padding: 17px 45px;
border-radius: 100px;
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
letter-spacing: 3px;
font-weight: 800;
margin-right: 20px;
display: flex;
    justify-content: space-between;
align-items: center;
}

.buttons svg,
.button svg {
    height: 12px; margin-left: 10px;
}

.buttons a:hover,
.button a:hover {
    padding: 17px 55px; 
}





/*-- Video --*/

.vimeo-wrapper {
position: absolute;
width: 100%;
height: 100%;
height: 100vh;
height: 100dvh;
z-index: -1;
pointer-events: none;
overflow: hidden;
z-index: 1;
}

.vimeo-wrapper iframe {
width: 100vw;
height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
min-height: 100vh;
min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

body.smaller .vimeo-wrapper iframe {
opacity: 0.5;
}

/*-- Rules --*/

section {
padding: 80px 0px;
position: relative;
}

h1, h2 {
font-weight: 600;
font-size: 43px; line-height: 1.3;
margin: 0px 0px 20px 0px;
}

section p {
font-size: 21px;
}

section {
    p, h2, h3 {color: #FFF}
}

.title {
text-align: center;
width: 100%; margin-bottom: 35px;
}


.wave {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 110px;
    overflow: hidden;
    z-index: 9
}
.wave svg {
    width: 100%; height: 100%;
    position: absolute;
    bottom: -1px;
}