.hero-module{
	height: 100vh;	
}
body:not(.loaded) .hero-module:before{
	background: black;
}
body.loaded .hero-module.bg-loaded:before,
body.loaded .hero-module:after{
		content:'';
		position: absolute;
		inset: 0;
		background-position: center;
		background-size: cover;
		z-index: -1;
		mask-position: center;
		mask-size: cover;
		height: calc(100% + 80px);
		width: 100%;
}
body.loaded section.hero-module:after{
	z-index: -2;
	position: fixed;
}
body section.hero-module {
	background: rgba(0,0,0,0)
}
nav.nav-fixed ~ main .hero-module:before {
    margin-top: 38px;
}
img.hero-bg,
video.hero-bg{
    width: 100%;
    min-height: 100%;
    position: absolute;
    object-fit: cover;
	top:0;
	z-index: -1;
}
.hero-box img.hero-bg,
.hero-box video.hero-bg{
	position: fixed;	
}
.hero-box{
	min-height: 100vh;
}
.hero-h2{
	text-transform: uppercase;
	letter-spacing: 5px;
	font-size: 33px;
    line-height: 33px;
}
.hero-box.optionTwo .hero-h1{
	font-size: 32vw;
    line-height: 32vw;
	margin-top: calc(52.5vw - 50%);
    text-align: center;
    height: auto;
    padding: 0 !important;
    min-height: auto;
	display: flex;
	font-family: "juniper";
}
@media screen and (min-width: 992px){
	.hero-box.optionTwo .hero-h1{
    	margin-left: 35px;
		font-size: 60rem;
        line-height: 62rem;
	}
}
.hero-box.optionTwo h2.hero-h2{
    color: white;
    font-family: "cool", sans-serif;
    font-weight: 100;
    letter-spacing: 0;
    font-size: 30px;
    line-height: 26px;
}
@media screen and (max-width: 568px){
	.hero-box.optionTwo h2.hero-h2{
		word-wrap: break-word;
	}
}
@media screen and (min-width: 992px){
	.hero-box.optionTwo h2.hero-h2{
		max-width: 400px;
		position: absolute;
		top: 40px;
		left: 0;
	}
}
.hero-h1 span{
	float: left;
}
.fade-in-element{
    opacity: 0;
    transform: translateY(-80px);
    transition: opacity 1s ease, transform 1s ease;
}

.fade-in-parent.is-visible .fade-in-element,
.fade-in-element.is-visible{
    opacity: 1;
    transform: translateY(0);
}
.fade-in-parent.is-visible .fade-in-element:nth-child(1) { transition-delay: 0.1s; }
.fade-in-parent.is-visible .fade-in-element:nth-child(2) { transition-delay: 0.8s; }
.fade-in-parent.is-visible .fade-in-element:nth-child(3) { transition-delay: 1.6s; }
.fade-in-parent.is-visible .fade-in-element:nth-child(4) { transition-delay: 2.4s; }
.fade-in-parent.is-visible .fade-in-element:nth-child(5) { transition-delay: 3.2s; }
.fade-in-parent.is-visible .fade-in-element:nth-child(6) { transition-delay: 4s; }