@charset "utf-8";
/* CSS Document */

@media (max-width: 768px){
	
	#homeContent{
		
	
		background-color:#0054a6;
		position:relative;
		text-align:center;
		width:100%;
		clear: both;
		font-family:'source sans pro', sans serif;
		color:#fff;
	}
	
	#homeBackgroundImage{
		background-image:url(../images/tree_front.svg);
		background-repeat: no-repeat;
		background-position:center 160px;
		background-size:200%;
		padding-bottom:60px;
		
		
		
	}
	
	#homeContent .welcome{
		width:60%;
		margin:0 auto;
		font-size:1.5em;
		letter-spacing:8px;
		padding:20px 0 15px 0;
	}
	
	#homeContent .headline{
		width:80%;
		margin:0 auto;
		background-color:#0b2f5f;
		font-size:2.2em;
		line-height:0.9em;
		font-weight:300;
		padding: 10px 20px 20px 20px;
	}
	
	
	#homeContent .arrowGraphic{
		padding:30px 0 20px 0;
		
	}
	
	#homeContent .textIntro{
		width:80%;
		margin:0 auto;
		font-size:1.5em;
		padding-bottom:40px;
	}
	#homeContent .textContainer{
		width:65%;
		margin:0 auto;
		background-color: rgba(20, 52, 96, 0.6);
		padding: 20px 80px 60px 80px;
		text-align:center;
	}
	#keltechHomeLogo{
		padding-top:5em;
		background-image:url(../images/keltech-logo.svg);
		background-repeat:no-repeat;
		background-position:center bottom;
		background-size:70%;
		
	}
	
	#homeContent .subHead{
		font-size:2em;
		padding-bottom:20px;
	}
	
	
	
	
	
	#homeContent .textCopy{
		font-size:1.1em;
	}
	
	#homeContent .textCopy p{
		
		margin-bottom:0.5em;
	}
	
	
	
	
	
	
}




@media (min-width: 769px){
	
	#homeContent{
		background-color:#0054a6;
		position:relative;
		text-align:center;
		width:100%;
		clear: both;
		font-family:'source sans pro', sans serif;
		color:#fff;
		
	}
	
	#homeBackgroundImage{
		background-image:url(../images/tree_front.svg);
		background-repeat: no-repeat;
		background-position:center 160px;
		background-size:200%;
		padding-bottom:60px;
		
		
		
	}
	
	#homeContent .welcome{
		width:60%;
		margin:0 auto;
		font-size:1.5em;
		letter-spacing:8px;
		padding:20px 0 15px 0;
	}
	
	#homeContent .headline{
		width:80%;
		margin:0 auto;
		background-color:#0b2f5f;
		font-size:3.2em;
		line-height:0.9em;
		font-weight:300;
		padding: 10px 20px 20px 20px;
	}
	
	
	#homeContent .arrowGraphic{
		padding:30px 0 20px 0;
		
	}
	
	#homeContent .textIntro{
		width:60%;
		margin:0 auto;
		font-size:1.5em;
		padding-bottom:40px;
	}
	#homeContent .textContainer{
		width:45%;
		margin:0 auto;
		background-color: rgba(20, 52, 96, 0.6);
		padding: 20px 80px 80px 80px;
		text-align:center;
		
	}
	
	#keltechHomeLogo{
		padding-top:5em;
		background-image:url(../images/keltech-logo.svg);
		background-repeat:no-repeat;
		background-position:center bottom;
		background-size:70%;
		
	}
	#homeContent .subHead{
		font-size:2em;
		padding-bottom:20px;
	}
	
	
	
	
	
	#homeContent .textCopy{
		font-size:1.1em;
	}
	
	#homeContent .textCopy p{
		
		margin-bottom:0.5em;
	}
	
	
	
	
	
	
	
}







@media (max-width: 400px) {
	
	#homeContent{
		background-color:#0054a6;
		position:relative;
		text-align:center;
		width:100%;
		clear: both;
		font-family:'source sans pro', sans serif;
		color:#fff;
		
	}
	
	#homeBackgroundImage{
		background-image:url(../images/tree_front.svg);
		background-repeat: no-repeat;
		background-position:center 160px;
		background-size:200%;
		padding-bottom:60px;
		
		
		
	}
	
	#homeContent .welcome{
		width:60%;
		margin:0 auto;
		font-size:1.5em;
		letter-spacing:8px;
		padding:20px 0 15px 0;
	}
	
	#homeContent .headline{
		width:90%;
		margin:0 auto;
		background-color:#0b2f5f;
		font-size:2.2em;
		line-height:0.9em;
		font-weight:300;
		padding: 10px 10px 20px 10px;
	}
	
	
	#homeContent .arrowGraphic{
		padding:30px 0 20px 0;
		
	}
	
	#homeContent .textIntro{
		width:80%;
		margin:0 auto;
		font-size:1.3em;
		padding-bottom:40px;
	}
	#homeContent .textContainer{
		width:82%;
		margin:0 auto;
		background-color: rgba(20, 52, 96, 0.6);
		padding: 20px 20px 60px 20px;
		text-align:center;
	}
	
	
	#homeContent .subHead{
		font-size:2em;
		padding-bottom:20px;
	}
	
	
	
	
	
	#homeContent .textCopy{
		font-size:1.1em;
	}
	
	#homeContent .textCopy p{
		
		margin-bottom:0.5em;
	}
	
	
	
	
	
	
	
	
}