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

@media (max-width: 768px){
	
	#clientsContent{
		
		background-color: rgb(58, 121, 111);
		position:relative;
		text-align:center;
		width:100%;
		clear: both;
		font-family:'source sans pro', sans serif;
		color:#fff;
		background-image:url(../images/network3.svg);
		background-repeat:no-repeat;
		background-position:center top;
		background-size:150%;
		padding-bottom:40px;
	}
	
	#clientsBackgroundImage{
		background-image:url(../images/tree_front.svg);
		background-repeat: no-repeat;
		background-position:center 160px;
		background-size:200%;
		padding-bottom:60px;
	
	}
	
	
	#clientsContent .headline{
		width:80%;
		margin:0 auto;
		font-size:3.2em;
		line-height:0.9em;
		font-weight:400;
		padding: 40px 20px 20px 20px;
	}
	
	
	#clientsContent .arrowGraphic{
			width:30px;
		height:30px;
		margin:0 auto 30px auto;
		background-image: url(../images/arrows-white.svg);
		background-repeat: no-repeat;
		background-size:20px;
		background-position:center;
		
	}
	
	#clientsContent .textIntro{
		width:80%;
		margin:0 auto;
		font-size:1.5em;
		padding-bottom:40px;
	}
	


	#clientsContent .textContainer{
		width:85%;
		margin:0 auto 0 auto;
		padding: 30px 0 60px 0;
		text-align:center;
		/*background-color: rgba( 34, 74, 68, 1.0);*/
		background-color:#31625a;
		/*background-image:url(../images/clientLogos2.png);*/
		/*background-position:4px 60px;
		background-size:100%;
		background-repeat:no-repeat;*/
	}
	#clientsContent .textClientList{
		font-size:1.3em;
		padding-bottom:0.2em;
	
	}	
	
	
	
	
	
	
	#clientsContent .textClientList p{
		padding-bottom:0.3em;

	}



	#clientsContent .subHead{
		font-size:1.9em;
		
	}
	
	#clientsContent .subSubHead{
		font-size:1.4em;
		padding-bottom:20px;
	}

	
	#clientsContent .textCopy{
		font-size:1.0em;
		padding:1em 1em;
		border-top:solid 1px #489789;
		
	}
	
	#clientsContent .textCopy p{
		
		margin-bottom:0.5em;
	}
	
	
	
	
	
	
	
	
}








@media (min-width: 769px){
	
	
		#clientsContent{
		
		background-color: rgb(58, 121, 111);
		position:relative;
		text-align:center;
		width:100%;
		clear: both;
		font-family:'source sans pro', sans serif;
		color:#fff;
		background-image:url(../images/network3.svg);
		background-repeat:no-repeat;
		background-position:center top;
		background-size:150%;
		padding-bottom:40px;
	}
	
	#clientsBackgroundImage{
		background-image:url(../images/tree_front.svg);
		background-repeat: no-repeat;
		background-position:center 160px;
		background-size:200%;
		padding-bottom:60px;
	
	}
	
	
	#clientsContent .headline{
		width:80%;
		margin:0 auto;
		font-size:4.2em;
		line-height:0.9em;
		font-weight:400;
		padding: 40px 20px 20px 20px;
	}
	
	
	#clientsContent .arrowGraphic{
			width:30px;
		height:30px;
		margin:0 auto 30px auto;
		background-image: url(../images/arrows-white.svg);
		background-repeat: no-repeat;
		background-size:20px;
		background-position:center;
		
	}
	
	#clientsContent .textIntro{
		width:80%;
		margin:0 auto;
		font-size:1.5em;
		padding-bottom:40px;
	}
	


	#clientsContent .textContainer{
		width:65%;
		margin:0 auto 0 auto;
		padding: 30px 0 60px 0;
		text-align:center;
		/*background-color: rgba( 34, 74, 68, 0.7);*/
		background-color:#31625a;
		/*background-image:url(../images/clientLogos2.png);*/
		background-position:2px 30px;
		background-size:100%;
		background-repeat:no-repeat;
	}
	#clientsContent .textClientList{
		font-size:1.8em;
		padding-bottom:0.3em;
		font-weight:600;
	
	}	
	
	
	#clientsContent .textClientList span{
		font-size:0.8em;
		font-weight:300;
		
	}
	
	
	#clientsContent .textClientList p{
		padding-bottom:0.4em;

	}



	#clientsContent .subHead{
		font-size:2.5em;
		padding-bottom:0.1em;
		
	}
	
	#clientsContent .subSubHead{
		font-size:1.6em;
		padding-bottom:20px;
	}

	
	#clientsContent .textCopy{
		font-size:1.2em;
		padding:1em 1em;
		border-top:solid 1px #489789;
		
	}
	
	#clientsContent .textCopy p{
		
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}




@media (max-width: 400px){
	
		#serviceContent .headline{
		width:80%;
		margin:0 auto;
		font-size:2.5em;
		line-height:0.9em;
		font-weight:400;
		padding: 40px 30px 20px 30px;	
	}
	
	#clientsContent .textContainer{
		width:94%;
		margin:0 auto 0 auto;
		padding: 30px 0 60px 0;
		text-align:center;
		background-color: rgba( 40, 79, 73, 1.0);
	}
	
	#clientsContent .subHead{
		font-size:1.7em;
		
	}
	
	#clientsContent .subSubHead{
		font-size:1.3em;
		padding-bottom:20px;
	}

	#clientsContent .textContainer{
		width:96%;
		margin:0 auto 0 auto;
		padding: 30px 0 60px 0;
		text-align:center;
		background-color:#31625a;
		/*background-image:url(../images/clientLogos2.png);*/
		background-position:4px 60px;
		background-size:98%;
		background-repeat:no-repeat;
	}
	#clientsContent .textCopy{
		font-size:1.0em;
		padding:1em 1em;
		border-top:solid 1px #489789;
		
	}
	
	#clientsContent .textCopy p{
		
		margin-bottom:0.5em;
	}
	
	.box{
		width:100%;
		margin:0 auto 1em auto;
		background-size:20px;
		background-position:center;
		border-style:solid;
		border-width:1px;

	}
	.boxHead{
		width:100%;
		background-color: rgba(11, 47, 95, 0.7);
		padding:0.8em 0 1em 0;
		font-size:1.0em;
	}
	.boxContent{
		width:100%;
		background-color: rgba(0, 84, 166, 0.7);
		padding:1em 0 1.6em 0;
		font-size: 1em;
	}
	

	
	
	ul.boxList li{
		text-align:left;
		margin-left:20%;
	}
	
	ul.boxListHardware li{
		text-align:left;
		margin-left:35%;
	}
	
	
	#clientsContent .textClientList{
		font-size:1.0em;
		padding-bottom:0.4em;
	
	}	
	
	
	
	
	
}