body {
	font-size: 18px;
}

h1 {
	font-size: 5.2rem;
	margin-top: 0rem;
	margin-bottom: 1rem;
	letter-spacing: 0.1625rem;
	opacity: 0;
}

h2 {
	font-size: 3.2rem;
	margin-top: 2rem;
	font-weight: 600;
	opacity: 0;
	text-transform: initial;
}

h1 ~ h2 {
	color: #000;
	margin-top: 0;
}

#pageWrap {
	margin-top: 45px;
}

#headline header {
	margin: 6rem 0;
}

.word {
	white-space: nowrap;
}

.letter {
    position: relative;
    display: inline-block;
    vertical-align: top;
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.aos-init {
	opacity: 1;	
}

.aos-animate .letter {
	animation-duration: 0.5s;
    animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    animation-fill-mode: forwards;
    animation-name: letterArrival;
}

p {
	line-height: 2.2222;
}

.section {
	padding: 6rem 0;
}

#sectionOne.section {
	padding-top: 0;
}

#sectionFour {
	position: relative;
	z-index: 1;
}

#sectionFour h2 {
	line-height: 1;
	margin-bottom: 0;
}

#sectionFive p,
#sectionSix p {
    line-height: 1.25;
}

#sectionSix {
	margin-top: 3rem;
}

.wave-wrapper {
	position: relative;
}

.wave-wrapper > svg {
	position: absolute;
	top: -75px;
	right: 0;
	bottom: -100px;
	left: 0;
	z-index: -1;
	overflow: visible;
}

.wave-wrapper.first > svg {
	top: -200px;
}

#footerWaveVideo {
	position: relative;
	margin-top: -50px;
	margin-bottom: -50px;
	z-index: -1;
}

footer {
	background-color: #b2e0ec;
}

footer img {
	mix-blend-mode: multiply;
}

@keyframes letterArrival {
    0% {
        opacity: 0;
        transform: translate(0, -40px);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@media (max-width: 991px) {
	h1 {
		font-size: 4.5rem;
	}

	h2 {
		font-size: 2.7rem;
	}

	#contentArea {
		margin-top: 13.5rem;
	}

	#headline header {
		margin: 5rem 0 4rem;
	}

	.section {
		padding: 5rem 0;
	}

	#footerWaveVideo {
		margin-top: -2rem;
		margin-bottom: -2rem;
	}

	.video-hint {
		top: -2rem;
	}
}

@media (max-width: 767px) {
	h1 {
		font-size: 3.2rem;
	}

	h2 {
		font-size: 2.3rem;
	}

	#contentArea {
		margin-top: 11.5rem;
	}

	.wave-wrapper.first > svg {
		top: -12.5rem;
	}

	#headline header {
		margin: 4rem 0 3rem;
	}

	.section {
		padding: 4rem 0;
	}
	
	#footerWaveVideo {
		margin: 0;
	}
}