#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:after {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.40) 50.54%, rgba(0, 0, 0, 0.70) 99.48%);;
content: ""; position: absolute; width: 100%; height: 100%; z-index: 2;
}

#hero {
width:100%;
margin: 0px;
height: 100%; height: 100vh; height: 100dvh;
position: relative;
background: #333;
box-shadow: 0px 2.822px 21.167px 0px rgba(0, 0, 0, 0.25);
}


/*-- 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%);
margin-top: 100px;
}

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

/*-- Rules --*/

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

.green { background: #265847; }
.gold { background: #9D7B48; }

h2 {
font-weight: 500;
font-size: 60px;
margin: 0px 0px 20px 0px;
}

.colour h2 {
color: #FFF;
}

section p {
font-size: 19px;
}

.colour p {
color: #FFF; 
}

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