#container { padding-top: 100px !important;}
	#content { padding-top: 0; margin-top: -150px; }
	#homepage-hero {
		position: relative;
		padding: var(--hh-pt) 0 var(--hh-pb);
		margin: var(--hh-mt) auto var(--hh-mb);
		max-width: 100%;
		width: 1400px;		
	}
	.shade {
		position: absolute;
		top: 0;
		left: 50%;
		width: 100vw;
		height: 100%;
		transform: translate(-50%,0);
		z-index: 1;	
	}
	
	#homepage-hero .sub { line-height: 1.2; margin-top: 8px;  }
	#homepage-hero .sub, #homepage-hero .large-title {
		color: var(--hh-color);
		text-align: var(--hh-ta);
	}
	#homepage-hero .super {
		color: white;	
		font-family: 'termina', sans-serif;
		font-weight: 400;
		text-transform: uppercase;
		font-size: 14px;
		margin-bottom: 8px;
		text-shadow: var(--hh-ts-small);
	}
	#homepage-hero .super-large {
		color:white;
		font-family: 'termina', sans-serif;
		font-size: 30px;
		font-style: normal;	
		letter-spacing: 1.5px;
		font-weight: 400;
		margin-bottom:8px;
	}	
	
	
	
	#homepage-hero .super.extra-margin { margin-bottom: 16px; }
	#homepage-hero .super a {
		color: white;
		padding-bottom: 8px;
		border-bottom: 1px solid var(--serengeti);
		display: flex;
		align-items: center;
		width: max-content;
	}
	
	#homepage-hero .super a svg { margin-right: 4px; }
	
	#homepage-hero .super a:hover {
		border-bottom-color: var(--monarch);	
	}
	
	
	#homepage-hero .cta-flex {
		display: flex; 
		align-items: center;
		justify-content: center;
		margin-top: 48px;
		column-gap: 24px;	
	}
	#homepage-hero a:hover {
		color: var(--hh-accent);
		border-color: var(--hh-accent);	
	}
	#homepage-hero .large-title, #homepage-hero .sub {  transition: all .5s; line-height: 1.2; text-shadow: var(--hh-ts-big); }
	/*#homepage-hero .title.shrink-hh-title {font-size: 50px; }*/
	#homepage-hero .large-title:last-child { margin-bottom: 30px; }
	#homepage-hero .fw-bg {
		background-size: cover;
		background-repeat: no-repeat;
		position: absolute;
		left: 50%;
		top: 0;
		transform: translate(-50%,0);
		width: 100vw;
		height: 100%;
		z-index: 0;	
	}
	#homepage-hero .hero-content {
		position: relative;
		z-index: 1;	
		text-align: var(--hh-ta);
		padding: 0; 
		transition: all .5s;
	}
	#homepage-hero .video-box {
		position: absolute;
		width: 100vw;
		left: 50%;
		top: 0;	
		transform:translate(-50%,0);
		overflow: hidden;
		height: 100%;
	}
	#homepage-hero .video-box video {
		position: absolute;
		min-width: 100%;
		min-height: 100%;	
		z-index: 0;
		left:50%;
		top: 50%;
		transform:translate(-50%,-50%);
	}
	.hero-flex {
		display: flex;
		align-items: center;	
		position: relative;
		z-index: 2;
	} 
	#homepage-hero .hero-flex .hero-content {
		width: 100%;
	}
	.bot-texture {
			width: 100% !important;
			position: absolute;
			left: 0;
			bottom: -20px;		
			
		}
		.bot-texture path { fill: white; }
		.content-bg-pattern {
		position: absolute;
		left: -96px;
		top: 0;
		width: 766px;
		height: 100%;	
	}
	
	.play-pause {
		position: absolute;
		left: 50%;
		bottom: 48px;
		transform:translate(-50%,0);	
	}
	.pause:hover, .play:hover { cursor: pointer; }
		
	@media screen and (max-width:1600px) {	
		.content-bg-pattern {
			width: 718px;		
		}
	}
	@media screen and (max-width:1400px) {
		#homepage-hero .hero-flex .hero-tiles .hero-tiles-flex {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr 1fr;		
		}
		#homepage-hero .hero-flex .hero-tiles .tile {
			width: 100%;
			padding-bottom: 100%;		
		}
	}
	@media screen and (max-width:1340px) {
		.content-bg-pattern {
			width: calc(50% + 48px);
			left: -48px;
		}	
	}
	@media screen and (max-width: 900px) {
		#homepage-hero .sub { text-align: center; font-size: 24px; }	
		#homepage-hero .super-large { font-size: 16px; letter-spacing:.8px; }
	}

	/* ===== bg block pattern present (.hh-pattern) ===== */
	@media screen and (max-width:1200px) {
		#homepage-hero.hh-pattern .super { font-size:12px; }
		#homepage-hero.hh-pattern a {
		padding: 10px 20px;
		font-size: 18px;
	}
	#homepage-hero.hh-pattern .content-bg-pattern {
			width: calc(50% + 32px);
			left: -32px;
		}
	#homepage-hero.hh-pattern {
		padding: 250px 0 200px;	
	}
	#homepage-hero.hh-pattern .hero-content, #homepage-hero.hh-pattern .large-title { text-align: left; }
	#homepage-hero.hh-pattern { padding: 300px 0 150px; }
	}
	@media screen and (max-width:1024px) {
		#homepage-hero.hh-pattern .hero-content, #homepage-hero.hh-pattern .large-title { text-align: center; }
		#homepage-hero.hh-pattern .sub { text-align: center; }
		#homepage-hero.hh-pattern .hero-flex .hero-tiles .hero-tiles-flex {
			width: 450px;
			max-width: 100%;
			margin: 0 auto;
			grid-template-columns: 1fr 1fr;		
		}	
		#homepage-hero.hh-pattern .content-bg-pattern {
			width: 100vw;
			left: 50%;
			transform: translate(-50%,0);
			height: 264px;
			bottom: -125px;
			top: unset;
		}
		#homepage-hero.hh-pattern {
			padding:300px 0 325px;		
		}
		#homepage-hero.hh-pattern .hero-flex {
			display: flex;
			align-items: center;
			position: absolute;
			z-index: 2;
			bottom: -32px;
			width: 100%;
		}
		#homepage-hero.hh-pattern .hero-flex .hero-content {
			width: 100%;
			text-align: center;
		}
		#homepage-hero.hh-pattern .super-large { font-size: 16px;  letter-spacing:.8px; }
	}
	@media screen and (max-width: 768px) {
		#homepage-hero.hh-pattern .sub, #homepage-hero.hh-pattern .large-title {
			color: var(--hh-color);	
			max-width: 100%;
			text-align: center;
		}
		#homepage-hero.hh-pattern {
		padding: 200px 0 144px;	
	}
		#homepage-hero.hh-pattern .video-box video {
		height: 100%;
	}
	#homepage-hero.hh-pattern .cta-flex {
		display: block;
		margin-top: 48px
	}
	#homepage-hero.hh-pattern .cta-flex a.cta {
		width: 100%;
		text-align: center;
		display: flex;
		justify-content:center;
	}
	#homepage-hero.hh-pattern a {
	font-size: 18px;
	margin: 20px 0;
	display: block;
}
	
	}
	@media screen and (max-width: 640px) {
		#homepage-hero.hh-pattern .hero-flex {
			display: block;		
		}	
		#homepage-hero.hh-pattern .hero-flex .hero-image {
			width: 200px;
			margin: 0 auto;
			position: relative;
		}
		#homepage-hero.hh-pattern .hero-flex .hero-content {
			width: 100%;
			text-align: center;
		}
		#homepage-hero.hh-pattern .title {
			line-height: 1.2;
			transition: all .5s;
		}
		#homepage-hero.hh-pattern .super {
			font-size: 12px; 		
		}
		#homepage-hero.hh-pattern {
			padding: 350px 0 144px;	
		}
	}
@media screen and (max-width: 480px) {
	#homepage-hero.hh-pattern .large-title {
		max-width: 90%
		margin: 0 auto;
	}
}

	/* ===== no bg block pattern (.hh-no-pattern) ===== */
	@media screen and (max-width:1200px) {
		#homepage-hero.hh-no-pattern .super { font-size:12px; }
		#homepage-hero.hh-no-pattern a {
		padding: 10px 20px;
		font-size: 18px;
	}
	#homepage-hero.hh-no-pattern {
		padding: 250px 0 200px;	
	}
	#homepage-hero.hh-no-pattern .hero-content, #homepage-hero.hh-no-pattern .large-title { text-align: center; }
	#homepage-hero.hh-no-pattern .super a { width: max-content; margin: 0 auto;  }
	
	}
	@media screen and (max-width:1024px) {
		#homepage-hero.hh-no-pattern .hero-flex .hero-tiles .hero-tiles-flex {
			width: 450px;
			max-width: 100%;
			margin: 0 auto;
			grid-template-columns: 1fr 1fr;		
		}	
		#homepage-hero.hh-no-pattern .super-large { font-size: 16px;  letter-spacing:.8px; }
	}
	@media screen and (max-width: 768px) {
		#homepage-hero.hh-no-pattern .play-pause { display: none; }
		#homepage-hero.hh-no-pattern .sub, #homepage-hero.hh-no-pattern .large-title {
			color: var(--hh-color);
			max-width: 100%;
			text-align: center
		}
		#homepage-hero.hh-no-pattern {
		padding: 200px 0 144px;	
	}
		#homepage-hero.hh-no-pattern .video-box video {
		height: 100%;
	}
	#homepage-hero.hh-no-pattern .cta-flex {
		display: block;
		margin-top: 48px
	}
	#homepage-hero.hh-no-pattern .cta-flex a.cta {
		width: 100%;
		text-align: center;
		display: flex;
		justify-content:center;
	}
	#homepage-hero.hh-no-pattern a {
	font-size: 18px;
	margin: 20px 0;
	display: block;
}
	
	}

	/* ===== no bg block pattern + no video (.hh-no-pattern.hh-no-media) ===== */
	@media screen and (max-width: 640px) {
		#homepage-hero.hh-no-pattern.hh-no-media .hero-flex {
			display: block;		
		}	
		#homepage-hero.hh-no-pattern.hh-no-media .hero-flex .hero-image {
			width: 200px;
			margin: 0 auto;
			position: relative;
		}
		#homepage-hero.hh-no-pattern.hh-no-media .hero-flex .hero-content {
			width: 100%;
			text-align: center;
		}
		#homepage-hero.hh-no-pattern.hh-no-media .super {
			font-size: 12px; 		
		}
		#homepage-hero.hh-no-pattern.hh-no-media {
			padding: 350px 0 144px;	
		}
	}

	/* ===== no bg block pattern + video present (.hh-no-pattern.hh-media) ===== */
@media screen and (max-width: 1200px) {
	#homepage-hero.hh-no-pattern.hh-media {
			padding: 250px 0 194px;	
		}
		#homepage-hero.hh-no-pattern.hh-media .play-pause {
			position: absolute;
			left: 50%;
			bottom: 108px;
			transform: translate(-50%,0);
		}
		#homepage-hero.hh-no-pattern.hh-media .super-large { font-size: 16px;  letter-spacing:.8px; }
}
@media screen and (max-width: 768px) {
	#homepage-hero.hh-no-pattern.hh-media {
		padding: 370px 0 24px;	
	}
	#homepage-hero.hh-no-pattern.hh-media .play-pause { display: none; }
	#homepage-hero.hh-no-pattern.hh-media h1.large-title { font-size: 30px; }
}