.pageBody .iconBox .iconBoxImg { width: 40%; height: auto;}
	
	.iconBox.iconBoxTop { height: 180px; }	
	.iconBox.iconBoxLeft { height: 400px; }
	.iconBox.iconBoxRight { height: 180px; }
	.pageBody  .iconBox.bgGreen  { height: 124px; }
	.pageBody  .iconBox.bgGrey.bgImg  { height: 130px; }
	.pageBody   .iconBox.bgGrey.bgImg blockquote { margin-right: 40%;}
	
@media only screen and (min-width: 992px) and (max-width: 1240px) {
	.iconBox.iconBoxTop { height: 180px; }	
	.iconBox.iconBoxLeft { height: 324px; }
	.iconBox.iconBoxRight { height: 154px; }
	.pageBody  .iconBox.bgGreen  { height: 124px; }
	.pageBody  .iconBox.bgGrey.bgImg  { height: 130px; }
	.pageBody   .iconBox.bgGrey.bgImg blockquote { margin-right: 40%;}
}	
	
/* --- Small tablet portrait --- (col-st) */
@media only screen and (min-width: 767px) and (max-width: 992px) {	
	.iconBox.iconBoxTop { height: 150px; }	
	.iconBox.iconBoxLeft { height: 276px; }
	.iconBox.iconBoxRight { height: 130px; }
	.pageBody  .iconBox.bgGreen  { height: 120px; }
	.pageBody  .iconBox.bgGrey.bgImg  { height: 100px; }
	.pageBody   .iconBox.bgGrey.bgImg blockquote { margin-right: 40%;}

}	
@media only screen and (min-width: 850px) and (max-width: 950px) {	
	.pageBody .iconBox.iconBoxTop p { font-size: 14px; } 
}
	
@media only screen and (min-width: 767px) and (max-width: 850px) {	
	.pageBody .iconBox.iconBoxTop p { font-size: 13px; } 
}
	
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.iconBox.iconBoxTop { height: auto; }	
	.iconBox.iconBoxLeft { height: auto;  }
	.iconBox.iconBoxRight { height: auto;  }
	.pageBody  .iconBox.bgGreen  { height: auto;}
	.pageBody  .iconBox.bgGrey.bgImg  { height: 100px; }
	.pageBody   .iconBox.bgGrey.bgImg blockquote { margin-right: 40%;}
}	
	
/* --- Mobile portrait --- (col-mp) */
@media only screen and (min-width: 0px) and (max-width: 480px) {
	.iconBox.iconBoxTop { height: auto; }	
	.iconBox.iconBoxLeft { height: auto;  }
	.iconBox.iconBoxRight { height: auto; }
	.pageBody  .iconBox.bgGreen  { height: auto;}
	.pageBody  .iconBox.bgGrey.bgImg  { height: 100px; }
	.pageBody   .iconBox.bgGrey.bgImg blockquote { margin-right: 40%;}
}