/*********************************************/
/*************** CS TYPOGRAPHY ***************/
.avant-light {font-family:'itc_avant_garde_gothic_proXLt', Helvetica, Arial, sans-serif !important;}
.avant-bold {font-family:'itc_avant_garde_gothic_proMd', Helvetica, Arial, sans-serif !important;}
.avant-xbold {font-family:'itc_avant_garde_pro_mdbold', Helvetica, Arial, sans-serif !important;}
.avant-black {font-family:'itc_avant_garde_gothic_proBk', Helvetica, Arial, sans-serif !important;}
.karla-regular {font-family:'karlaregular', Helvetica, Arial, sans-serif !important;}
.karla-bold {font-family:'karlabold', Helvetica, Arial, sans-serif !important;}



.caps {text-transform:uppercase !important;}




.text-xl {
	font-size:18px;
}

.side-by-side-p {
	text-align:left;
	font-size:20px;
	line-height:34px;
}

p.tall {line-height: 2em;}






@media (max-width: 767px) {
	
	p.tall {line-height: inherit;}
	
	.home-intro-text {
		font-size: 2.2em !important;
		line-height: 1.2em;
		letter-spacing: 0px;
	}
	.intro-banner h1 {
		font-size: 2.2em !important;
		line-height: 1.2em !important;
		letter-spacing: 0px;
	}
 	.intro-banner p {
		font-size: 1.1em;
		line-height: 1.6em;
	}
	.text-xl {
		font-size:18px !important;
		line-height:22px !important;
	}
	.loud {
		font-size:15px !important;
		line-height:17px !important;
	}
	

	.split-bg-text-highlight {font-size: 26px !important; line-height: 24px !important;}
	
	.side-by-side-p {font-size:15px !important; line-height:24px !important;}
	
	.lefty-icon {display:block; text-align:center;}
	
}




@media (min-width: 768px) and (max-width: 1024px) {
	.intro-banner h1,
	.home-intro-text {
		font-size:3.6em;
	}
 	.intro-banner p {
		font-size: 1.4em;
		line-height: 1.4em;
	}	
	.text-xl {
		font-size:24px !important;
		line-height:30px !important;
	}
	.loud {
		font-size:18px !important;
		line-height:22px !important;
	}
	
	.split-bg-text-highlight {
		font-size: 36px !important;
		line-height: 34px !important;
	}
	
}






@media (min-width: 1025px) and (max-width: 1345px) {
 	.intro-banner h1,
	.home-intro-text {
		font-size: 4.6em;
		line-height: 1.2em;
	}
	.intro-banner p {
		font-size: 1.4em;
		line-height: 1.6em;
	}
	.text-xl {font-size:34px;}
}