/* ======================================================================== */
/* ! Banners > Text banners
/* ======================================================================== */

#copy_block_intro.content {

	xheight: 50vh;
	xmin-height: 400px;


	min-height: min-content;
	min-height: 90vh;

	display: flex;
	align-items: center;
	justify-content: center;
}


#copy_block_intro.content .wrapper.even_gaps {

}





/* ======================================================================== */
/* ! Top Intro Banner
	-	Reduce width
/* ======================================================================== */

#copy_block_intro .row .copy_block.intro_block .intro_size {
	width: -webkit-fill-available;
	max-width: 1060px;
}


#copy_block_intro .row .copy_block.intro_block p.intro_size {
	font-size: 2rem;
	line-height: 2.6rem;
	font-family: 'ProximaNova-Regular';
}


#copy_block_intro .wrapper.even_gaps {
	gap: 4rem;
}


.intro_block h1 {
	font-family: 'ProximaNova-Semibold';
	font-family: 'ProximaNova-Bold';
}












/* ======================================================================== */
/* ! Banners > Image banners

	How to edit the images
	-	1. Image banners referenced at the top of the html file
		-	css class needs adding
	-	2. Images linked in the 'skrollr_parallax_master.css'
	-	3. Additionally, sizing applied in the 'skrollr_parallax_responsive.css'



Banners to include:
	#1 Hero :	Insights Explorer
	#2 Hero	:	NLQ
	#3 Hero	:	IS Landing
	#4 Hero	:	IS MxP



/* ======================================================================== */