/* Site Build - Beskar 1.1 
========================================================================================================== */

.KSP21011-body-img {
		border: 1px solid #dddddd;
	}

/* EXTRA SMALL DEVICES (PHONES, 400PX AND DOWN) 
---------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 400px) {	
		
	/* ---- Landing Page Styles ---- */
	.KSP21011-hero-area {
		width: 100%;
		height: 370px;
		display: block;
		background-image: url("images/hero_mobile.jpg");
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: center bottom;
		background-color: #5273a6;
	}
	
	.KSP21011-hero-content {
		width: 100%;
		padding: 0px 20px 0px 20px;
		margin: auto;
	}
	
	.KSP21011-hero-text {
		width: 100%;
		font-size: 30px;
		font-weight: 300;
		line-height: 38px;
		color: #ffffff;
		text-align: center;
		vertical-align: top;
		padding: 40px 0px 0px 0px
	}
	
	.KSP21011-body-intro {
		width: 100%;
		text-align: center;
		font-size: 18px;
		font-weight: 300;
		line-height: 26px;
		letter-spacing: -0.5px;
		vertical-align: top;
		padding: 0px 30px 0px 30px;
		display: block;
	}


}




/* SMALL DEVICES (PORTRAIT TABLETS AND LARGE PHONES, 400PX AND UP)  
---------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 400px) {
	
	/* ---- Landing Page Styles ---- */
	.KSP21011-hero-area {
		width: 100%;
		height: 370px;
		display: block;
		background-image: url("images/hero_mobile.jpg");
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: center bottom;
		background-color: #5273a6;
	}
	
	.KSP21011-hero-content {
		width: 100%;
		padding: 0px 20px 0px 20px;
		margin: auto;
	}
	
	.KSP21011-hero-text {
		width: 100%;
		font-size: 30px;
		font-weight: 300;
		line-height: 38px;
		color: #ffffff;
		text-align: center;
		vertical-align: top;
		padding: 40px 0px 0px 0px
	}
	
	.KSP21011-body-intro {
		width: 100%;
		text-align: center;
		font-size: 18px;
		font-weight: 300;
		line-height: 26px;
		letter-spacing: -0.5px;
		vertical-align: top;
		padding: 0px 30px 0px 30px;
		display: block;
	}


}




/* MEDIUM DEVICES (LANDSCAPE TABLETS, 768PX AND UP)
---------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) {
	
	/* ---- Landing Page Styles ---- */	
	.KSP21011-hero-area {
		width: 100%;
		height: 400px;
		display: block;
		background-image: url("images/hero.jpg");
		background-repeat: no-repeat;
		background-size: 2600px auto;
		background-position: center bottom;
		background-color: #5273a6;
	}
	
	.KSP21011-hero-content {
		width: 768px;
		padding: 20px 330px 0px 40px;
		margin: auto;
	}
	

	.KSP21011-hero-text {
		width: 100%;
		font-size: 30px;
		font-weight: 300;
		line-height: 38px;
		color: #ffffff;
		text-align: center;
		vertical-align: top;
	}
	
	.KSP21011-body-intro {
		width: 100%;
		text-align: center;
		font-size: 18px;
		font-weight: 300;
		line-height: 26px;
		letter-spacing: -0.5px;
		vertical-align: top;
		padding: 0px 50px 0px 50px;
		display: block;
	}
	
	
} 




/* LARGE DEVICES (LAPTOPS/DESKTOPS, 1200PX AND UP) 
---------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1240px) {
	
		
	/* ---- Landing Page Styles ---- */	
	.KSP21011-hero-area {
		width: 100%;
		height: 460px;
		display: block;
		background-image: url("images/hero.jpg");
		background-repeat: no-repeat;
		background-size: 3000px 520px;
		background-position: center bottom;
		background-color: #5273a6;
	}
	
	.KSP21011-hero-content {
		width: 1170px;
		padding: 80px 600px 0px 0px;
		margin: auto;
	}
	

	.KSP21011-hero-text {
		width: 100%;
		font-size: 44px;
		font-weight: 300;
		line-height: 48px;
		color: #ffffff;
		text-align: center;
		vertical-align: top;
		padding: 0px 0px 0px 0px
	}
	
	.KSP21011-body-intro {
		width: 100%;
		text-align: center;
		font-size: 22px;
		font-weight: 300;
		line-height: 30px;
		letter-spacing: -0.5px;
		vertical-align: top;
		padding: 0px 50px 0px 50px;
		display: block;
	}
	
	
		
		
}