/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*--------- Colors ---------*/
	.text-darkblue {
		color: #00214D;
	}
	
	.bg-darkblue {
		background-color: #00214D;
	}
	.bg-lightblue {
		background-color: #d1ddef;
	}
	.bg-grey {
		background-color: #eaeaea;
	}

/*--------- Fonts ---------*/
	body {
		font-family: 'Gotham', sans-serif;
	}
	
	.h1, .h2, .h3, .h4, .h5, .h6, 
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Klinic Slab', serif;
		font-weight: 600;
	}
	
	p {
		font-family: 'Goudy Old Style', serif;
		font-size: 17px;
	}
	
	.font-family-klinic {
		font-family: 'Klinic Slab', serif !important;
	}
	
	.font-family-gotham {
		font-family: 'Gotham', sans-serif !important;
	}
	
	.font-family-goudy {
		font-family: 'Goudy Old Style', serif !important;
	}


/*--------- General ---------*/
	body {
		background-color: #eaeaea;
	}
	
	img {
		max-width: 100%;
		height: auto;
	}
	
	.section {
		margin: 15vh 0;
	}
	
	.text {
		padding: 20px;
	}
	
	.down-arrow {
		position: relative;
		text-align: center;
		padding: 2em 0;
		width: 100%;
		z-index: 1;
	}
		.down-arrow a {
			color: #00214D;
		}
		
		.upArrow, .downArrow {
			display: inline-block;
			width: 40px;
			height: 40px;
		}
		
		.upArrow {
			transform: rotate(180deg);
			margin-right: 25px;
		}

	.down-arrow.discs .upArrow,
	.down-arrow.discs .downArrow {
		background-color: #d6d6d6;
		border-radius: 50%;
		padding: .6em;
	}
	
	.down-arrow.large {
		top: 5vh;
	}
		.down-arrow.large .downArrow,
		.down-arrow.large .upArrow {
			width: 50px;
			height: 50px;
			margin-right: 0;
		}
	

/*--------- Parallax base styles ---------*/

  @media screen and (min-width: 1200px) {
	.parallax {
		height: 100vh;
		overflow-x: hidden;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		-webkit-perspective: 300px;
		perspective: 300px;
	}

	.parallax__group {
		position: relative;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	.parallax__layer {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.parallax__layer--fore {
		-webkit-transform: translateZ(90px) scale(.7);
		transform: translateZ(90px) scale(.7);
		z-index: 1;
	}

	.parallax__layer--base {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		z-index: 4;
	}

	.parallax__layer--back {
		-webkit-transform: translateZ(-300px) scale(2);
		transform: translateZ(-300px) scale(2);
		z-index: 3;
	}

	.parallax__layer--deep {
		-webkit-transform: translateZ(-600px) scale(3);
		transform: translateZ(-600px) scale(3);
		z-index: 2;
	}	
  }
	
/*--------- Section-Specific ---------*/	
	
	header {
		padding: 10px 0;
	}
	
		header .container {
			height: 18vh;
			min-height: 100px;
			max-height: 165px;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-align: center;
			align-items: center;
		}
	
		header .logo {
			max-height: 100%;
			width: auto;
		}
		
		@media screen and (min-width: 576px) and (max-height: 650px) {
			header .logo {
				width: 100px;
				height: 100px;
			}
		}
		
		@media screen and (max-width: 575px) {
			header .container {
				height: 80px;
				min-height: 0;
				max-height: 100%;
			}
			header .logo {
				width: 80px;
				height: 80px;
			}
		}

	.title-area {
		padding: 7vh 0 10vh;
		min-height: calc(100vh - 156px);
		 display: -ms-flexbox;
				display: flex;			
		  -ms-flex-align: center;
			 align-items: center;
	}
	
		.title-area-inner {
			position: relative;
			display: inline-block;
			margin-bottom: 160px;
		}
		
		.rooted-restless {
			font-family: 'Klinic Slab', serif;
			line-height: .8;
			text-transform: uppercase;
			text-align: center;
			color: #01195c;
		}
		
			.rooted {
				font-size: 196px;
				font-weight: 300;
				padding-left: 20px;
			}
			
				.rooted span {
					letter-spacing: -17px;
				}
			
			.restless {
				font-size: 240px;
				font-weight: 800;
			}
			
				.restless span {
					font-size: 160px;
				}
		
		.title-area img {
			max-height: 40vh;
		}

		.page-title {
			padding-left: 8em;
			position: absolute;
			left: 0;
			bottom: -160px;
			text-align: left;
			letter-spacing: 2px;
		}
		
		@media screen and (max-width: 1440px) {
			.title-area { min-height: calc(100vh - 133px); }
			.rooted { font-size: 147px; }
			.restless { font-size: 185px; }
			.restless span { font-size: 120px; }
			.title-area-inner { margin-bottom: 135px; }
			.page-title { bottom: -135px; }
		}
		
		@media screen and (max-width: 991px) {
			.rooted { font-size: 122px; padding-left: 26px; }
			.rooted span { letter-spacing: -12px; }
			.restless { font-size: 147px; }
			.restless span { font-size: 95px; }
			.page-title { padding-left: 5em; }
		}
		
		@media screen and (max-width: 767px) {
			.rooted { font-size: 90px; }
			.rooted span { letter-spacing: -8px; }
			.restless { font-size: 108px; }
			.restless span { font-size: 77px; }
			.page-title { padding-left: 2em; }
			.page-title h1 { font-size: 1.75em; }
		}
		
		@media screen and (max-width: 575px) {
			.rooted { font-size: 51px; padding-left: 14px; }
			.rooted span { letter-spacing: -4px; }
			.restless { font-size: 60px; }
			.restless span { font-size: 45px; }
			.page-title { padding-left: 1em; }
			.page-title h1 { font-size: 1.25em; }
			.page-title .h3 { font-size: 1.25em; }
			.title-area { min-height: 0; }
			.title-area-inner { margin-bottom: 110px; }
			.page-title { bottom: -110px; }
		}
		
	
	
	.tile-background { 
		min-height: 100vh;
		z-index: 1;
	}
	
		.tile-background .content-overlay,
		.image-bg-container .content-overlay {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}
		
			.tile-background.split > div {
				height: calc(100vh - 6em);
				max-height: 80vh;
			}
		
			.tile-background .content-overlay .text-container {
				margin-top: calc(13.33333% + 1px);
				margin-bottom: calc(13.33333% + 2px);
				flex: 0 0 73.33334%;
				max-width: 73.33334%;
				flex-direction: column;
			}
			
				.tile-background.split .content-overlay .text-container {
					margin-top: 6.666667%;
					margin-bottom: 0;
					flex: 0 0 100%;
					max-width: 100%;
					padding: 0 5em;
					flex-direction: row;
				}
			
			.tile-background .content-overlay .text {
				font-size: 2rem;
				line-height: 1.3;
				font-weight: 600;
				letter-spacing: 2px;
			}
				.tile-background.split .content-overlay .text {
					width: 50%;
					height: 100%;
				}
				.tile-background.split .content-overlay .text:first-child {
					border-right: 1px solid white;
				}
				.tile-background.split .text h3 {
					font-size: 34px;
					margin-bottom: 2rem;
				}
				.tile-background.split .content-overlay p,
				.tile-background.split .content-overlay li {
					font-size: 17px;
					margin-bottom: 1rem;
				}
				
			.tile-background .content-overlay .down-arrow {
				position: static;
				margin-bottom: 0;
				margin-top: 1em;
			}
		
		.tile-background .tile-image {
			-ms-flex: 0 0 6.666667%;
			flex: 0 0 6.666667%;
			max-width: 6.666667%;
			padding-bottom: 6.666667%;
			background-size: cover;
			background-position: center;
			margin-bottom: 1px;
			border-left:1px solid white;
			position: relative;
		}
		
			.tile-background .tile-image .tile-overlay {
				position: absolute;
				top: 0;
				right: 0;
				left: 0;
				bottom: 0;
				background-color: rgba(0, 33, 77, 0.25);
			}
			
		.tile-background .white-tile-desktop {
			flex: 0 0 73.33334%;
			max-width: 73.33334%;
		}
		
			.tile-background .white-tile-tablet, 
			.tile-background .white-tile-tablet {
				display: none;
			}

		.flyIn, .flyLeft, .flyRight, .fadeInPlace {
			opacity: 0;
		}
		
		@media screen and (max-width: 1366px) {
			.tile-background {
				padding: 4em 0;
			}
			.tile-background.split .content-overlay .text-container {
				padding: 0 2em;
				margin-top: 0;
			}
			.tile-background.split .content-overlay .text:first-child {
				margin-right: 3%;
				border-right: 0;
			}
			.tile-background .content-overlay .down-arrow {
				margin-top: 0;
			}
			.tile-background .content-overlay .text {
				font-size: 1.75rem;
			}
		}
		
		@media screen and (max-width: 1199px) {
			.tile-background .content-overlay .text {
					font-size: 1.15rem;
					line-height: 1.5;
				}
			.tile-background .content-overlay span {
				display: block;
			}
			.tile-background.split .text h3 {
				font-size: 24px;
				margin-bottom: 1rem;
			}
			.tile-background.split .text p,
			.tile-background.split .text li {
				font-size: 16px;
			}
			.tile-background.split > div {
				height: 85vh;
			}
		}
			
		@media screen and (max-width: 991px) {
			.tile-background .tile-image {
				-ms-flex: 0 0 10%;
				flex: 0 0 10%;
				max-width: 10%;
				padding-bottom: 10%;
			}
			
				.tile-background .tile-image:nth-child(n+54) {
					display: none;
				}
				
			.tile-background .content-overlay .text-container {
				margin-top: 20%;
				margin-bottom: 20%;
				flex: 0 0 80%;
				max-width: 80%;
			}
				.tile-background.split .content-overlay .text-container {
					padding: 0 3em;
				}
			.tile-background .white-tile-desktop {
				display: none;
			}
			.tile-background .white-tile-tablet {
				display: flex;
				flex: 0 0 80%;
				max-width: 80%;
			}
			.tile-background.split {
				height: 100vh;
				min-height: 700px;
				padding-top: 2em;
				padding-bottom: 2em;
			}
			
				.tile-background.split .tiles {
					display: none;
				}
				
				.tile-background.split .content-overlay .text-container {
					flex-direction: column;
					margin: 0;
				}
				
				.tile-background.split .content-overlay .text {
					width: 100%;
				}
				
				.tile-background.split .content-overlay .text:first-child {
					border-right: 0;
					margin-bottom: 5px;
					margin-right: 0;
				}
		}

		@media screen and (max-width: 767px) {
			.tile-background .tile-image {
				-ms-flex: 0 0 12.5%;
				flex: 0 0 12.5%;
				max-width: 12.5%;
				padding-bottom: 12.5%;
			}
			
				.tile-background .tile-image:nth-child(n+37) {
					display: none;
				}
				
			.tile-background .content-overlay .text-container {
				margin-top: 25%;
				margin-bottom: 25%;
				flex: 0 0 100%;
				max-width: 100%;
			}
			
			.tile-background .white-tile-tablet {
				display: none;
			}
			
			.tile-background .white-tile-mobile {
				display: flex;
				flex: 0 0 100%;
				max-width: 100%;
				padding-bottom: 25%;
			}
			.tile-background.split {
				height: auto;
			}
				.tile-background.split > div,
				.tile-background.split .content-overlay .text {
					height: auto;
					max-height: 100%;
				}
				.tile-background.split .content-overlay {
					position: static;
				}
		}
		
		@media screen and (max-width: 575px) {
			.tile-background {
				padding-bottom: 15vh;
			}
			.tile-background .white-tile-mobile {
				padding-bottom: 50%;
			}
			.tile-background.split .content-overlay .text-container {
				padding: 0 1em;
			}
		}
	
	.image-content { 
		min-height: 100vh;
	}
	
		.image-content.row {
			min-height: 80vh;
			margin: 5em 30px 5em 0;
		}
		
		.image-content .text {
			margin-top: 60px;
			margin-bottom: 30px;
			padding: 5% 8%;
			box-shadow: 6px 0px 17px black;
		}
		
			.image-content .text h2 {
				font-size: 40px;
				line-height: 1;
				letter-spacing: 2px;
				margin-bottom: 1rem;
			}
			
			.image-content .text.has-bar {
				padding-bottom: 6.5em;
			}
			
			.image-content .bottom-bar {
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				padding: 1rem 8%;
				font-size: 22px;
				min-height: 65px;
			}

		#section-6 + .down-arrow,
		#section-8 + .down-arrow,
		#section-10 + .down-arrow {
			position: static;
			padding-top: 2em;
			margin: 0;
		}
				
		@media screen and (min-width: 1200px) {
			.image-content {
				
			}
				.image-content.bg-white:after {
					content: '';
					position: absolute;
					top: -5.5em;
					right: 0;
					left: 0;
					bottom: 0;
					height: 109vh;
					width: 100vw;
					background-color: white;
				}
			
				.image-content.promise-section,
				.image-content.content-left {
					overflow: visible;
				}
			
			.image-content .parallax__layer--back {
				-webkit-transform: translateZ(-75px) scale(1.2);
				transform: translateZ(-75px) scale(1.2);
				transform-origin: 125%;
				background-image: none !important;
			}
			
				.image-content.content-left .parallax__layer--back {
					transform-origin: -25% 0%;
				}
				
				.image-content.campus-section .parallax__layer--back {
					transform-origin: 150% 0%;
				}
				
				.image-content.promise-section .parallax__layer--back {
					-webkit-transform: translateZ(-75px) scale(1.1);
					transform: translateZ(-75px) scale(1.1);
					transform-origin: 265% 51%;
				}
			
				.image-content .parallax__layer--back img {
					width: 100%;
					max-width: 80%;
					box-shadow: 3px 5px 14px black;
				}
				
				.image-content.content-left .parallax__layer--back img {
					margin-left: 20%;
				}
			
			.image-content .parallax__layer--fore {
				-webkit-transform: translateZ(100px) scale(.6);
				transform: translateZ(100px) scale(.6);
				transform-origin: 15%;
				align-items: center;
				display: flex;
			}
			
				.image-content.content-left .col-xl-6 {
					margin-left: 30px;
				}
				
			.parallax__group + .parallax__group {
				margin-top: 30vh;
				margin-bottom: 30vh;
			}
			
			.image-content .parallax__layer--base {
				display: -ms-flexbox;
				display: flex;
				-ms-flex-align: center;
				   align-items: center;
				max-width: 45%;
				margin-left: 55%;
			}
		}
		
		@media screen and (min-width: 1200px) and (max-width: 1440px) {
			.image-content.promise-section .parallax__layer--base {
				max-width: 50%;
				margin-left: 50%;
				align-items: flex-start;
			}
		}

		@media screen and (min-width: 1200px) and (max-width: 1366px) {
			.image-content.row {
				min-height: 750px;
				margin: 0 15px 0 0;
			}
				.image-content.church-section.row {
					height: 650px;
					min-height: 80vh;
				}
				.image-content.content-left.row {
					min-height: 700px;
					margin: 0 0 0 15px;
				}
			.image-content.bg-white:after {
				top: -1.5em;
				height: 774px;
			}
			
			.image-content .parallax__layer--back {}
				
				.image-content.church-section .parallax__layer--back {
					transform-origin: 125% 0%;
				}
				.image-content.campus-section .parallax__layer--back {
					transform-origin: 150% -30%;
				}
				.image-content.promise-section .parallax__layer--back {
					transform-origin: 365% -30%;
				}
				.image-content.content-left .parallax__layer--back {
					transform-origin: -25% -33%;
				}
				
			.image-content .parallax__layer--base {}

				.image-content.campus-section .parallax__layer--base,
				.image-content.promise-section .parallax__layer--base,
				.image-content.content-left .parallax__layer--base {
					padding: 3em 0;
				}
				
			.image-content .parallax__layer--fore {
				transform-origin: 39%;
				margin-left: 33.333333%;
				-ms-flex: 0 0 66.666667%;
				flex: 0 0 66.666667%;
				max-width: 66.666667%;
			}
			
				.image-content.church-section .parallax__layer--fore {
					transform-origin: 15%;
					margin-left: 49%;
					-ms-flex: 0 0 50%;
					flex: 0 0 50%;
					max-width: 50%;
					align-items: flex-start;
				}
				.image-content.campus-section .parallax__layer--fore {
					transform-origin: 15%;
					margin-left: 43%;
					-ms-flex: 0 0 60%;
					flex: 0 0 60%;
					max-width: 60%;
					align-items: flex-start;
				}
				.image-content.promise-section .parallax__layer--fore {
					-ms-flex: 0 0 65.666667%;
					flex: 0 0 65.666667%;
					max-width: 65.666667%;
					align-items: flex-end;
				}
				.image-content.content-left .col-xl-6 {
					margin-left: 6%;
					align-items: flex-start;
					padding: 6em 0 5em;
				}
			.image-content .text {
				padding: 2.5em;
			}
				.image-content.promise-section .text {
					margin-bottom: -20px;
				}
		}
				
		@media screen and (min-width: 1500px) {
			.image-content.row {
				min-height: 80vh;
			}
			.image-content.content-left {
				margin-left: 8%;
				margin-right: 0;
				min-height: 100vh;
			}
			.image-content.content-right {
				margin-right: 8%;
			}
			.image-content.promise-section {
				margin-right: 30px;
				min-height: 104vh;
			}
		}
		
		@media screen and (max-width: 1199px) {
			.image-content.row {
				margin-right: 0;
			}
			.image-content .text {
				box-shadow: none;
			}
		}
		
		@media screen and (min-width: 992px) and (max-width: 1199px) {
			.image-content.row {
				position: relative;
				align-items: center;
				justify-content: flex-start;
				padding: 15vh 0;
				margin: 0;
			}
			.image-content .parallax__layer--back {
				background-size: cover;
				background-position: left center;
				position: absolute;
				top: 4em;
				right: 0;
				left: 0;
				height: 500px;
			}
			.image-content .parallax__layer--back img {
				display: none;
			}
			.image-content .parallax__layer--base {
				padding: 400px 0 0;
			}
		}
		
		@media screen and (max-width: 991px) {
			.image-content.row {
				margin: 0;
				padding: 0 0 2em;
			}
		}
		
	.image-content-2 {
		min-height: 100vh;
		padding: 5em;
		z-index: 1;
	}	
		
		.image-content-2 .image {
			background-size: cover;
			background-position: center;
		}
		
			.image-content-2 .image img {
				display: none;
			}
			
			.image-content-2 .image.rooted-bg {
				background-position: 67% center;
			}
			
			.image-content-2 .image.restless-bg {
				background-position: 41% center;
			}
			
			.image-content-2 .image.sign-bg {
				background-position: 56% center;
			}
			
		.image-content-2 .text {
			padding: 9vh 5% 14vh;
			max-width: 800px;
		}	
		
			.image-content-2 .text.wide {
				max-width: 1000px;	
			}
			
			.image-content-2 .text.no-bar {
				padding-bottom: 5vh;
			}
			
			.image-content-2 .text h2 {
				font-size: 80px;
				font-weight: 400;
				line-height: 1;
				text-transform: uppercase;
				margin-bottom: 2rem;
			}
			
				.image-content-2 .text h2.strengthening {
					font-size: 64px;
				}
				.image-content-2 .text h2.promise {
					font-size: 46px;
					font-weight: 800;
				}
				.image-content-2 .text h2.forward {
					font-size: 50px;
				}
			
			.image-content-2 .text ul {
				line-height: 2;
			}
			
			.image-content-2 .text p {
				font-size: 17px;
			}
			
			.image-content-2 .text .bottom,
			.image-content-2 .text .bottom p {
				font-size: 14px;
				font-weight: 500;
			}
			
		.image-content-2 .bottom-bar {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			padding: 1rem;
			font-size: 22px;
			min-height: 65px;
		}
		
			.bottom-bar:before,
			.download:before {
				content: ' ';
				background: url(../img/4v_white.png);
				opacity: 0.25;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				position: absolute;
			}
		
			.image-content-2.content-left .bottom-bar {
				text-align: right;
				padding-right: 3rem;
			}
			
			.image-content-2.content-right .bottom-bar {
				text-align: left;
				padding-left: 3rem;
			}
			

		
		@media screen and (max-width: 1440px) {
			.image-content-2 .text h2.strengthening {
				font-size: 50px;
			}
		}
		
		@media screen and (max-width: 1366px) {
			.image-content-2 {
				padding: 2em;
			}
			.image-content-2.strengthening .row {
				flex-direction: column-reverse;
			}
			.image-content-2.strengthening .image {
				height: 400px;
				background-position: 56% 65%;
			}
			.image-content-2.strengthening .text {
				max-width: 900px;
				padding-top: 2em;
				padding-bottom: 2em;
			}
			.image-content-2.strengthening .col-xl-6 {
				flex: none;
				max-width: 100%;
			}
			#section-8 + .down-arrow {
				margin-bottom: -2em;
			}
		}
			
		@media screen and (max-width: 991px) {
			.image-content-2.content-left .row {
				flex-direction: column-reverse;
			}
			.image-content-2 .image {
				background-image: none !important;
			}
			.image-content-2 .image img {
				display: block;
			}
			.image-content-2.strengthening .image {
				height: auto;
			}
			.image-content-2 .text {
				padding: 3em 5% 7em;
			}
		}
		
		@media screen and (max-width: 767px) {
			.image-content-2 .text {
				padding: 2rem 30px 8rem;
			}
			.image-content-2 .text h2 {
				font-size: 50px;
			}
			.image-content-2 .text h2.strengthening {
				font-size: 28px;
			}
		}
		
		@media screen and (max-width: 575px) {
			.image-content-2 {
				padding: 1em;
			}
			.image-content-2 .bottom-bar {
				font-size: 18px;
			}
			.image-content-2.content-right .bottom-bar {
				padding-left: 1rem;
			}
			.image-content-2.content-left .bottom-bar {
				padding-right: 1rem;
				text-align: left;
			}
			.image-content-2 .text ul {
				padding-left: 1.5rem;
			}
			.bottom-bar:after,
			.download:before {
				background-size: 20px;
			}
		}
	
	.image-background {
		min-height: 100vh;
		padding: 15vh 0;
		z-index: 1;
	}
	
		.image-bg-container { 
			
		}
		
			.image-bg-container .image {
				height: 65vh;
				min-height: 450px;
				max-height: 1000px;
				background-size: cover;
				background-position: center -131px;
				background-repeat: no-repeat;
				box-shadow: 1px 1px 8px black;
			}
			
			.image-bg-container .content-overlay .content-bottom {
				 display: -ms-flexbox;
						display: flex;			
				  -ms-flex-align: end;
				align-items: flex-end;
				height: 100%;
				padding-bottom: 2vh;
				text-align: right;
			}
			
			.image-bg-container .content-overlay .text {
				box-shadow: 3px 1px 6px 0px black inset;
			}
			
			@media screen and (max-width: 991px) {
				.image-bg-container .image {
					background-position: center;
				}
			}
			
	.closing {
		height: 80vh;
		position: relative;
	}
	
		.closing .row {
			height: 100%;
		}
	
		.closing .text.left {
			font-size: 20px;
			line-height: 2;
		}
		
		.closing .text.right {
			font-size: 64px;
			font-weight: 300;
		}
		
		@media screen and (max-width: 1199px) {
			.closing {
				height: auto;
			}
			
			.closing .text.left {
				padding: 15vh 30px;
			}
			
			.closing .text.right {
				padding-bottom: 15vh;
			}
		}
		
		@media screen and (max-width: 767px) {
			.closing .text.left br {
				display: none;
			}
			.closing .text.right {
				font-size: 34px;
			}
		}
		
	.download {
		border-top: 1px solid white;
		font-size: 20px;
		position: relative;
	}
	
		.download img {
			margin-right: 100px;
		}
		
		@media screen and (max-width: 575px) {
			.download img {
				margin-right: 10px;
			}
		}
	
	footer {
		padding: 3rem 30px;
	}
   

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
  display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
* Extends the .sr-only class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
  visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
   Internet Explorer 10+
   ========================================================================== */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#section-5 + .down-arrow {
		position: static;
		padding: 2em 0 3em;
	}
}

@media screen and (min-width: 1200px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.parallax {
		height: auto;
		overflow-y: auto;
		perspective: unset;
	}
	.image-content.row {
		margin: 15vh 15px 25vh 0;
	} 
	.image-content .parallax__layer--fore,
	.image-content .parallax__layer--back {
        transform: none;
		z-index: auto;
   }
   .image-content .parallax__layer--base {
	   position: absolute;
	   top: 0;
	   right: 0;
	   bottom: 0;
	   left: 0;
	   margin-left: 50%;
	   max-width: 50%;
   }
   .image-content.bg-white:after {
		content: none;
   }
}

@media screen and (min-width: 1440px) and (-ms-high-contrast: active), (min-width: 1440px) and (-ms-high-contrast: none) {
	.image-content.row {
		margin-right: 8%;
	} 
}

@media screen and (max-width: 1199px) and (-ms-high-contrast: active), (max-width: 1199px) and (-ms-high-contrast: none) {
	.title-area {
		display: block;
		height: auto;
	}
}

/* ==========================================================================
   Other Fixes
   ========================================================================== */

	@media screen and (min-width: 1200px) {
		.no-flexbox .image-content .parallax__layer--base {
			display: block;
			margin-top: 2em !important;
		}
	}
	
	.no-js .flyIn, .no-js .flyLeft, .no-js .flyRight, .no-js .fadeInPlace,
	.no-cssanimations .flyIn, .no-cssanimations .flyLeft, .no-cssanimations .flyRight, .no-cssanimations .fadeInPlace {
		opacity: 1;
	}
			
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster */
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
     * Printing Tables:
     * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}