html{background-color: white;}

main.container {border-left:1px solid gray;border-right:1px solid gray;}

.gray-panel {background-color: #f4f5f6;}
.logo {margin:50px auto;}
p.lead{font-size:30px; padding:0 90px;line-height:1.3; color:#0f79bc;font-weight: 200; margin-bottom: 150px;}
p.lead2{font-size:26px; padding:0;line-height:1.3; color:#0f79bc;font-weight: 200; margin:50px 0 40px 0; }
p.bottom-text {font-size:16px; margin-top:60px;}


.container.ten-circles{margin-top: -100px;}
.ten-types img {width:135px; height:135px;}
.ten-types{margin:30px auto;}
.ten-types .col p {margin:10px 0; color:#595a5b; font-weight:500;}

.container.text-holder {
	padding:20px 0;


}
.container.text-holder .row {
	padding:30px 0 30px 55px;
	background: #f4f5f6 url(../img/Gary-Kriesch-Photo.png) no-repeat top right;
	background-size: contain;
}


footer {background-color: #070707; padding:20px 70px 15px 70px; margin: 0 -15px;}
p.small {color:#d2d2d2;}


.bottom-image {display:none;}


@media (max-width: 1040px) {
  	.container { max-width: 100% !important; }
  }

@media (max-width: 996px) {
  	p.lead{font-size:26px; padding:0 50px;margin-bottom: 150px;}
	p.lead2{font-size:21px; padding:0 50px; margin:50px 0 40px 0; }
	.container.text-holder .row {padding:30px ;}
	
}

@media (max-width: 887px) {

	.ten-types img {width:105px; height:105px;}
	
}

@media (max-width: 827px) {

	.container.text-holder .row { background-position: 110%;}
	.text-holder p {padding-right:30px;}
	
}
@media (max-width: 767px) {

	.container.text-holder .row { background: #f4f5f6 url() no-repeat top right;}
	.text-holder p {padding-right:0;}
	.bottom-image {display:block;margin:-20px -15px 0 -15px; padding:0; }
	.bottom-image img {width:100%; height:auto;}
	
}

@media (max-width: 737px) {
	.container.text-holder .row { background-position: 140%;}
	.ten-circles .col, .ten-types .col {padding-left: 5px; padding-right: 5px;}
	.container.ten-circles{padding-left: 0; padding-right: 0;}
	.ten-types .col p {font-size: 13px;}
	.ten-types img {width:90px; height:90px;}
	p.lead{font-size:23px;}
	p.lead2{font-size:19px;padding:10px;}
	p.bottom-text {font-size:14px; }
}    

@media (max-width: 532px) { 
	.ten-circles .col, .ten-types .col {padding-left: 0; padding-right: 0;} 
}

@media (max-width: 500px) {
	.logo {margin:25px auto;max-width:80%;}
	p.lead{font-size:21px; padding:0;margin-bottom: 70px;}
	p.lead2{font-size:17px; padding:0; margin:30px 0 40px 0; }
	.ten-types img {width:80px; height:80px;}
	.ten-types .col p {font-size: 13px;}
	.container.ten-circles{margin-top: -70px;}
	.ten-types{margin:15px auto;}

	

}

@media screen and (min-width: 1200px) {
	.container {max-width:1140px ;}

}

@media (min-width: 1040px){
.container {max-width: 1040px;}
}