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

@media (max-width: 768px){
	
	#aboutContent{
		background-color:#29534c;
		position:relative;
		text-align:center;
		width:100%;
		clear: both;
		font-family:'source sans pro', sans serif;
		color:#fff;
		padding-bottom:60px;
		background-repeat:no-repeat;
		background-size:250%;
		background-position:center top;
		
	}
	#aboutContent .welcome{
		width:60%;
		margin:0 auto;
		font-size:1.5em;
		letter-spacing:8px;
		padding:20px 0 15px 0;
	}
	
	#aboutContent .headline{
		width:90%;
		margin:0 auto 0.2em auto;
		font-size:2.8em;
		line-height:0.9em;
		font-weight:500;
	}
	
	
	#aboutContent .arrowGraphic{
		padding:30px 30px 20px 30px;
		background-image:url(../images/arrows-white.svg);
		background-repeat:no-repeat;
		background-position:center;
		background-size:25px;
		clear:both;
		
	}
	
	#aboutContent .textIntro{
		width:80%;
		margin:0 auto;
		font-size:1.1em;
		padding-bottom:40px;
		
	}
	#aboutContent .textContainer{
		clear:both;
		width:80%;
		margin:0 auto;
		background-color:#0655a5;
		padding: 30px 0 0 0;
		
	}
	
	#aboutContent .subHead{
		font-size:2.0em;
		padding-bottom:20px;
		font-weight:300;
	}
	#aboutContent .textCopy{
		/*width:80%;*/
		font-size:1.3em;
		margin:0 auto;
	}
	
	#aboutContent .textCopy p{
		
		margin-bottom:0.5em;
	}
	
	.itemSubheadServices{
		font-size:1.9em;
		margin-bottom:0.5em;
	}

	/*This adds Backgrounds Bullets to Lists*/
	#aboutContent .boxlist{
		list-style-type:none;
		padding:0;
		margin:0;
	}
	/*Below controls background image bullet position*/
	#aboutContent .bullet{
		background-image:url(../images/bullet-white.svg);
		background-repeat: no-repeat;
		background-size: 14px;
		background-position: 0px 4px;
		padding-left:24px;
	}
	/*END*/
	
	/*----Postion List Left-------------------------------------*/
	#aboutContent .boxList li{
		text-align:left;
		margin-left:3em;
		font-size:1.2em;
		list-style:none;
		padding-bottom:0.3em;
	}
	
	
	/*------------ITEMS from SERVICES--------------------------------------------*/
	
	.aboutItem{
		padding-top:1em;
		padding-bottom:1em;
	}
	
	.aboutHead{
		font-size:2.0em;
		padding-bottom:0.1em;
	}
	
	.aboutSubhead{
		font-size:1.6em;
		padding-bottom:0.5em;
	}
	
	.aboutText{
		width:80%;
		margin:0 auto;
		font-size:1.2em;
	}
	
	.aboutText p{
		padding-bottom:0.5em;
	}
	
	.aboutBulletHead{
		font-size:1.5em;
		padding-bottom:0.5em;
	}
	
		.aboutItemBackground{
		background-color:#fff;
	}
	
	.aboutItemBackground01{
		background-color:#815d91;
		padding-bottom:1em;
		border-left:solid 1em #0655a5;
		border-right:solid 1em #0655a5;
		
		
	}
	
	.aboutItemBackground02{
		background-color:#428954;
		padding-bottom:1em;
		border-left:solid 1em #0655a5;
		border-right:solid 1em #0655a5;
		
	}
	
	
	.aboutItemBackground03{
		background-color:#a05d30;
		border-left:solid 1em #0655a5;
		border-right:solid 1em #0655a5;
		border-bottom:solid 1em #0655a5;
		padding-bottom:2em;
		
	}
	.diagramItemBackground{
		background-color:#fff;
		border-left:solid 1em #0655a5;
		border-right:solid 1em #0655a5;
		
	}
	.aboutHead2{
		font-size:2.5em;
		background-color:#0054a6;
		padding-top:0.4em;
		padding-bottom:0.6em;
		margin-top:1em;
	}
	
	.diagram{
		background-image:url(../images/Diagram2.svg);
		background-repeat:no-repeat;
		background-position:center;
		background-size:90%;
		width:100%;
		height:18em;
		padding-top:1em;
		padding-bottom:1em;
		
	}
	
	
	.subhead{
		font-size:1.8em;
		line-height:1.0em;
		margin-bottom:1em;
	}
	span{
		font-style:italic;
		font-weight:700;
	}
	
	.introText{
		width:80%;
		margin:0 auto;
		font-size:1.2em;
	}
	
	.introText p{
		padding-bottom:0.5em;
	}
	
	
	
	
	
	
	
	
	
	
	/*-IMAGE WALL-------------------------------------------------------------*/
	
	
	#imageWall{
		padding-top:1.5em;
		position:relative;
		text-align:center;
		width:100%;
		margin-bottom:1.0em;
	}
	
	.portrait{
		display:inline-block;
		
		
	}
	#port1{
		background-image:url(../images/01.jpg);
		background-repeat: no-repeat;
		
	}
	
	#port2{
		background-image:url(../images/02.jpg);
		background-repeat: no-repeat;
		
	}
	
	#port3{
		background-image:url(../images/03.jpg);
		background-repeat: no-repeat;
		
	}
	
	#port4{
		background-image:url(../images/04.jpg);
		background-repeat: no-repeat;
		
	}
	
	#port5{
		background-image:url(../images/05.jpg);
		background-repeat: no-repeat;
		
	}
	
	#port6{
		background-image:url(../images/06.jpg);
		background-repeat: no-repeat;
		
	}
	
	#port7{
		background-image:url(../images/07.jpg);
		background-repeat: no-repeat;
		
	}
	
	#port8{
		background-image:url(../images/08.jpg);
		background-repeat: no-repeat;
		
	}
	
	#port9{
		background-image:url(../images/09.jpg);
		background-repeat: no-repeat;
		
	}
	#port10{
		background-image:url(../images/10.jpg);
		background-repeat: no-repeat;
		
	}
	#port11{
		background-image:url(../images/11.jpg);
		background-repeat: no-repeat;
		
	}
	#port12{
		background-image:url(../images/12.jpg);
		background-repeat: no-repeat;
		
	}
	
	
	#port1, #port2, #port3, #port4, #port5, #port6, #port7, #port8, #port9, #port10, #port11, #port12{
		background-size:100%;
		background-position:center top;
		height:213px;
		width:160px;
	}
	
	
	
	
	
	
	
}








@media (min-width: 769px){
	
	#aboutContent{
		background-color:#29534c;
		position:relative;
		text-align:center;
		width:100%;
		clear: both;
		font-family:'source sans pro', sans serif;
		color:#fff;
		padding-bottom:60px;
		background-repeat:no-repeat;
		background-size:250%;
		background-position:center top;
		
	}
	#aboutContent .welcome{
		width:60%;
		margin:0 auto;
		font-size:1.5em;
		letter-spacing:8px;
		padding:20px 0 15px 0;
	}
	
	#aboutContent .headline{
		width:90%;
		margin:0 auto 0.7em auto;
		font-size:3.0em;
		line-height:0.9em;
		font-weight:500;
	}
	
	
	#aboutContent .arrowGraphic{
		padding:30px 30px 20px 30px;
		background-image:url(../images/arrows-white.svg);
		background-repeat:no-repeat;
		background-position:center;
		background-size:25px;
		clear: both;
		
	}
	
	#aboutContent .textIntro{
		width:80%;
		margin:0 auto;
		font-size:1.1em;
		padding-bottom:40px;
		
	}
	#aboutContent .textContainer{
		clear:both;
		width:80%;
		margin:0 auto;
		background-color:#0655a5;
		padding: 30px 0 0 0;
		
	}
	
	#aboutContent .subHead{
		font-size:2.0em;
		padding-bottom:20px;
		font-weight:300;
	}
	#aboutContent .textCopy{
		/*width:80%;*/
		font-size:1.3em;
		margin:0 auto;
	}
	
	#aboutContent .textCopy p{
		
		margin-bottom:0.5em;
	}
	
	.itemSubheadServices{
		font-size:1.9em;
		margin-bottom:0.5em;
	}

	/*This adds Backgrounds Bullets to Lists*/
	#aboutContent .boxlist{
		list-style-type:none;
		padding:0;
		margin:0;
	}
	/*Below controls background image bullet position*/
	#aboutContent .bullet{
		background-image:url(../images/bullet-white.svg);
		background-repeat: no-repeat;
		background-size: 14px;
		background-position: 0px 4px;
		padding-left:24px;
	}
	/*END*/
	
	/*----Postion List Left-------------------------------------*/
	#aboutContent .boxList li{
		text-align:left;
		margin-left:8em;
		font-size:1.2em;
		list-style:none;
		padding-bottom:0.3em;
	}
	
	
	/*------------ITEMS from SERVICES--------------------------------------------*/
	
	.aboutItem{
		padding-top:1em;
		padding-bottom:1em;
	}
	
	.aboutHead{
		font-size:2.0em;
		padding-bottom:0.1em;
	}
	
	.aboutSubhead{
		font-size:1.6em;
		padding-bottom:0.5em;
	}
	
	.aboutText{
		width:80%;
		margin:0 auto;
		font-size:1.2em;
	}
	
	.aboutText p{
		padding-bottom:0.5em;
	}
	
	.aboutBulletHead{
		font-size:1.5em;
		padding-bottom:0.5em;
	}
	
	.aboutItemBackground{
		background-color:#fff;
	}
	
	.aboutItemBackground01{
		background-color:#815d91;
		padding-bottom:1em;
		border-left:solid 1em #0655a5;
		border-right:solid 1em #0655a5;

		
	}
	
	.aboutItemBackground02{
		
		
		background-color:#428954;
		padding-bottom:1em;
		border-left:solid 1em #0655a5;
		border-right:solid 1em #0655a5;
		
		
	}
	
	
	.aboutItemBackground03{
		background-color:#a05d30;
		border-left:solid 1em #0655a5;
		border-right:solid 1em #0655a5;
		border-bottom:solid 1em #0655a5;
		padding-bottom:2em;
		
	}
	.diagramItemBackground{
		background-color:#fff;
		border-left:solid 1em #0655a5;
		border-right:solid 1em #0655a5;
		
	}
	.aboutHead2{
		font-size:2.5em;
		background-color:#0054a6;
		padding-bottom:0.6em;
		
	}
	
	.diagram{
		background-image:url(../images/Diagram2.svg);
		background-repeat:no-repeat;
		background-position:center;
		background-size:90%;
		width:100%;
		height:18em;
		padding-top:1em;
		padding-bottom:1em;
		
	}
	
	.subhead{
		font-size:1.8em;
		line-height:1.0em;
		margin-bottom:1em;
	}
	span{
		font-style:italic;
		font-weight:700;
	}
	
	.introText{
		width:44%;
		margin:0 auto;
		font-size:1.2em;
		text-align:left;
		float:left;
		margin-left:1.5em;
	}
	
	.introText p{
		padding-bottom:0.5em;
	}
	
	
	
	
	
	
	
	
	
	
	
	/*-IMAGE WALL-------------------------------------------------------------*/
	
	
	#imageWall{
		position:relative;
		text-align:center;
		width:100%;
		padding-top:2em;
		margin-bottom:1.0em;
	}
	
	.portrait{
		display:inline-block;
		
	}
	
	#port1{
		background-image:url(../images/01.jpg);
		background-repeat: no-repeat;
		
	}
	
	#port2{
		background-image:url(../images/02.jpg);
		background-repeat: no-repeat;
		
	}
	
	#port3{
		background-image:url(../images/03.jpg);
		background-repeat: no-repeat;
		
	}
	
	#port4{
		background-image:url(../images/04.jpg);
		background-repeat: no-repeat;
		
	}
	
	#port5{
		background-image:url(../images/05.jpg);
		background-repeat: no-repeat;
		
	}
	
	#port6{
		background-image:url(../images/06.jpg);
		background-repeat: no-repeat;
		
	}
	
	#port7{
		background-image:url(../images/07.jpg);
		background-repeat: no-repeat;
		
	}
	
	#port8{
		background-image:url(../images/08.jpg);
		background-repeat: no-repeat;
		
	}
	
	#port9{
		background-image:url(../images/09.jpg);
		background-repeat: no-repeat;
		
	}
	#port10{
		background-image:url(../images/10.jpg);
		background-repeat: no-repeat;
		
	}
	#port11{
		background-image:url(../images/11.jpg);
		background-repeat: no-repeat;
		
	}
	#port12{
		background-image:url(../images/12.jpg);
		background-repeat: no-repeat;
		
	}
	
	
	#port1, #port2, #port3, #port4, #port5, #port6, #port7, #port8, #port9, #port10, #port11, #port12{
		background-size:100%;
		background-position:center top;
		height:213px;
		width:160px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}




@media (max-width: 400px){
	
		#aboutContent{
		background-color:#29534c;
		position:relative;
		text-align:center;
		width:100%;
		clear: both;
		font-family:'source sans pro', sans serif;
		color:#fff;
		padding-bottom:60px;
		background-repeat:no-repeat;
		background-size:250%;
		background-position:center top;
		
	}
	#aboutContent .welcome{
		width:60%;
		margin:0 auto;
		font-size:1.5em;
		letter-spacing:8px;
		padding:20px 0 15px 0;
	}
	
	#aboutContent .headline{
		width:90%;
		margin:0 auto 0.2em auto;
		font-size:2.0em;
		line-height:0.9em;
		font-weight:500;
	}
	
	
	#aboutContent .arrowGraphic{
		padding:30px 30px 20px 30px;
		background-image:url(../images/arrows-white.svg);
		background-repeat:no-repeat;
		background-position:center;
		background-size:25px;
		
	}
	
	#aboutContent .textIntro{
		width:80%;
		margin:0 auto;
		font-size:1.1em;
		padding-bottom:40px;
		
	}
	#aboutContent .textContainer{
		clear:both;
		width:90%;
		margin:0 auto;
		background-color:#0655a5;
		padding: 30px 0 0 0;
		
	}
	
	#aboutContent .subHead{
		font-size:1.6em;
		padding-bottom:20px;
		font-weight:300;
	}
	#aboutContent .textCopy{
		font-size:1.3em;
		margin:0 auto;
	}
	
	#aboutContent .textCopy p{
		
		margin-bottom:0.5em;
	}
	
	.itemSubheadServices{
		font-size:1.9em;
		margin-bottom:0.5em;
	}

	/*This adds Backgrounds Bullets to Lists*/
	#aboutContent .boxlist{
		list-style-type:none;
		padding:0;
		margin:0;
	}
	/*Below controls background image bullet position*/
	#aboutContent .bullet{
		background-image:url(../images/bullet-white.svg);
		background-repeat: no-repeat;
		background-size: 14px;
		background-position: 0px 4px;
		padding-left:24px;
	}
	/*END*/
	
	/*----Postion List Left-------------------------------------*/
	#aboutContent .boxList li{
		text-align:left;
		margin-left:0.5em;
		font-size:1.0em;
		list-style:none;
		padding-bottom:0.3em;
	}
	
	
	/*------------ITEMS from SERVICES--------------------------------------------*/
	
	.aboutItem{
		padding-top:1em;
		padding-bottom:1em;
	}
	
	.aboutHead{
		font-size:2.0em;
		padding-bottom:0.1em;
	}
	
	.aboutSubhead{
		font-size:1.6em;
		padding-bottom:0.5em;
	}
	
	.aboutText{
		width:90%;
		margin:0 auto;
		font-size:1.2em;
	}
	
	.aboutText p{
		padding-bottom:0.5em;
	}
	
	.aboutBulletHead{
		font-size:1.5em;
		padding-bottom:0.5em;
	}
	
	.aboutItemBackground{
		background-color:#29534c;
		margin-top:1em;
	}
	
	
	.aboutItemBackground01{
		

	background-color:#815d91;
		padding-bottom:1em;
		border-left:solid 0.5em #0655a5;
		border-right:solid 0.5em #0655a5;
	
		
	}
	
	.aboutItemBackground02{
		
		
		background-color:#428954;
		padding-bottom:1em;
		border-left:solid 0.5em #0655a5;
		border-right:solid 0.5em #0655a5;
	
		
	}
	
	
	.aboutItemBackground03{
		
		
		background-color:#a05d30;
		border-left:solid 0.5em #0655a5;
		border-right:solid 0.5em #0655a5;
		border-bottom:solid 0.5em #0655a5;
	
		padding-bottom:2em;
		
	}
	.diagramItemBackground{
		background-color:#fff;
		border-left:solid 0.5em #0655a5;
		border-right:solid 0.5em #0655a5;
		
	}
	.aboutHead2{
		font-size:2.5em;
		background-color:#0054a6;
		padding-top:0.4em;
		padding-bottom:0.6em;
		margin-top:1em;
	}
	
	.diagram{
		background-image:url(../images/Diagram2.svg);
		background-repeat:no-repeat;
		background-position:center;
		background-size:90%;
		width:100%;
		height:10em;
		padding-top:1em;
		padding-bottom:1em;
		
	}
	
	.itemSubheadServices{
		font-size:1.6em;
	}
	
	.aboutHead2{
		font-size:2em;
	}
	
	.subhead{
		font-size:1.4em;
		line-height:1.0em;
		margin-bottom:1em;
	}
	
	/*-IMAGE WALL-------------------------------------------------------------*/
	
	
	#imageWall{
		width:98%;
		position:relative;
		padding-top:2em;
		padding-bottom:0.5em;
		margin:0 auto;
		text-align:center;

	}
	
	.portrait{
		display:inline-block;/*centers portraits within containing div*/
		
	}
	
	#port1{
		background-image:url(../images/01.jpg);
		background-repeat: no-repeat;
		
	}
	
	#port2{
		background-image:url(../images/02.jpg);
		background-repeat: no-repeat;
		
	}
	
	#port3{
		background-image:url(../images/03.jpg);
		background-repeat: no-repeat;
		
	}
	
	#port4{
		background-image:url(../images/04.jpg);
		background-repeat: no-repeat;
		
	}
	
	#port5{
		background-image:url(../images/05.jpg);
		background-repeat: no-repeat;
		
	}
	
	#port6{
		background-image:url(../images/06.jpg);
		background-repeat: no-repeat;
		
	}
	
	#port7{
		background-image:url(../images/07.jpg);
		background-repeat: no-repeat;
		
	}
	
	#port8{
		background-image:url(../images/08.jpg);
		background-repeat: no-repeat;
		
	}
	
	#port9{
		background-image:url(../images/09.jpg);
		background-repeat: no-repeat;
		
	}
	#port10{
		background-image:url(../images/10.jpg);
		background-repeat: no-repeat;
		
	}
	#port11{
		background-image:url(../images/11.jpg);
		background-repeat: no-repeat;
		
	}
	#port12{
		background-image:url(../images/12.jpg);
		background-repeat: no-repeat;
		
	}
	
	
	#port1, #port2, #port3, #port4, #port5, #port6, #port7, #port8, #port9, #port10, #port11, #port12{
		background-size:100%;
		background-position:center top;
		height:144px;
		width:108px;
	}
	
	
	
	
	
	
	
	
}