/*////// HERO SECTION //////*/
section.hero-section {
	padding-top: 12rem;
    background: #09C;	
}
section.hero-section div.hero-container {
	height: 23.4rem;
	background: #09C;
	padding: 15rem;
}

/*//// FLEX ////*/
div.hero-container div.hero-flex-container {}
div.hero-flex-container div.hero-flex-item {}

/*// FLEX SPECIFICS //*/
#hero-flex-item-1 {}

/*// ELEMENTS //*/
div.hero-flex-item h1 {
	color: #FFF;
	font-family: Montserrat;
	font-size: 5.6rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}
div.hero-flex-item h2 {}
div.hero-flex-item p {}
div.hero-flex-item strong {}





/*////// CONTENT SECTION //////*/
section.content-section {}
section.content-section div.content-container {
	padding: 25rem 15rem 9rem 15rem;
}

/*//// FLEX ////*/
div.content-container div.splat-flex-container.content-flex-container {}
div.content-flex-container div.content-flex-item {}

/*// FLEX ITEM SPECIFICS //*/
#content-flex-item-1 {}

/*// ELEMENTS //*/
div.content-flex-item h1 {
	margin-bottom: 8rem;
	color: #069;
	font-family: Montserrat;
	font-size: 6rem;
	line-height: 1.2;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
}
div.content-flex-item h2.content-headline {
	margin: 0 0 2rem 0;
	color: #069;
	font-family: Montserrat;
	font-size: 3.9rem;
	line-height: .8425; /* 84.253% */
	font-style: normal;
	font-weight: 700;
}
div.content-flex-item .content-body {
	color: #000;
	font-family: Montserrat;
	font-size: 2rem;
	font-size: clamp( 14px, 2rem, 20px );
	line-height: 1.7;
	font-style: normal;
	font-weight: 400;
	
}
div.content-flex-item .content-body p, 
div.content-flex-item .content-body ul li {
	color: #000;
	font-family: Montserrat;
	font-size: 2rem;
	font-size: clamp( 14px, 2rem, 20px );
	line-height: 3.2rem;
	line-height: 1.6;		
	font-style: normal;
	font-weight: 400;
}
div.content-flex-item p.content-contact,
div.content-flex-item p.content-closing {
	color: #000;
	font-family: Montserrat;
	font-size: 2rem;
	font-size: clamp( 14px, 2rem, 20px );
	line-height: 3.2rem;
	line-height: 1.6;	
	font-style: normal;
	font-weight: 400;
}

/*// BUTTONS & LINKS //*/
div.content-flex-item .content-body p a,
div.content-flex-item .content-body ul li a,
div.content-flex-item p.content-contact a,
div.content-flex-item p.content-closing a {
	color: #069;
	font-family: Montserrat;
	font-size: 2rem;
	font-size: clamp( 14px, 2rem, 20px );
	line-height: 3.2rem;	
	line-height: 1.6;	
	font-style: normal;
	font-weight: 400;
}
.content-email-link {
	color: #069;
	font-family: Montserrat;
	font-size: 2rem;
	font-size: clamp( 14px, 2rem, 20px );
	line-height: 3.2rem;	
	line-height: 1.6;	
	font-style: normal;
	font-weight: 400;
}
.content-email-link:hover {}





/*//// GRANULAR RESPONSIVE CSS HERE ////*/
/*// VERY LARGE SCREEN //*/
@media only screen and (max-width: 1920px) { }
/*// LARGE SCREEN //*/
@media only screen and (max-width: 1800px) { }
/*// MEDIUM & LAPTOP //*/
@media only screen and (max-width: 1600px) { }
@media only screen and (max-width: 1440px) { } /*< DESIGN WIDTH */
/*// SMALL & TABLET //*/
@media only screen and (max-width: 1200px) { }
@media only screen and (max-width: 1100px) { }
/*// MOBILE SCREEN //*/
@media only screen and (max-width: 1024px) { 

		/*////// HERO SECTION //////*/
		section.hero-section { padding: 0 0; }
		section.hero-section div.hero-container { padding: 8rem 5rem; }

		/*////// CONTENT SECTION //////*/
		section.content-section { padding: 0 0; }
		section.content-section div.content-container { padding: 8rem 5rem; }

}
/*// SMALL MOBILE //*/
@media only screen and (max-width: 813px) {

		/*////// HERO SECTION //////*/
		section.hero-section { padding: 0 0; }
		section.hero-section div.hero-container { padding: 8rem 4rem; }

		/*////// CONTENT SECTION //////*/
		section.content-section { padding: 0 0; }
		section.content-section div.content-container { padding: 8rem 4rem; }
		div.content-flex-item h2.content-headline { line-height: 1.1; }

} 
@media only screen and (max-width: 480px) {

		/*////// HERO SECTION //////*/
		section.hero-section { padding: 0 0; }
		section.hero-section div.hero-container { padding: 8rem 3rem; }

		/*////// CONTENT SECTION //////*/
		section.content-section { padding: 0 0; }
		section.content-section div.content-container { padding: 8rem 3rem; }
		div.content-flex-item h2.content-headline { line-height: 1.1; }

}
/*// LANDSCAPE ORIENTATION - TABLET & SMALLER //*/
@media screen and (max-width: 1024px) and (orientation: landscape) { }
@media screen and (max-width: 813px) and (orientation: landscape) { }