.pageBody h2 { color: #005BAA; }
.pageBody h1 { color: #005BAA;  }

.imageHeaderBlock { background-image : url('/upload/products/landings/data_storage/top.png'); background-position: top right; background-repeat: no-repeat;   max-height: none; position: relative;   }
.imageHeaderBlock blockquote p.textSupBig { color: #005BAA;  }
.imageHeaderBlock .imageHeaderImage { display: block; width: 100%; height: auto;}
#linkBlockFace { position: absolute; }

.pageBody .iconBox { background: #F8F8F8; backdrop-filter: blur(5px); }
	.pageBody .iconBox:hover { background: #F8F8F8; backdrop-filter: blur(5px); }
	.pageBody .iconBox blockquote  { background: #F8F8F8; backdrop-filter: blur(5px); }

	
/* --- Mobile portrait --- (col-mp) */
	@media only screen and (min-width: 0px) and (max-width: 480px) {
		.imageHeaderBlock { background-size: auto  80%; background-position: top right; }
		.pageBody .imageHeaderBlock blockquote  { top: 8%;}		
		.imageHeaderImage { display: block; margin-bottom: 150px;}
		.pageBody .iconBoxBlock .col-all  { padding: 0 5px 0 5px; } 
		.pageBody  .iconBoxBlock { padding-left: 12px; padding-right: 12px; }	
		.pageBody  .iconBoxBlock .iconBox {margin-bottom: 10px;}
		#linkBlockFace  {bottom: 0px; left: 41%;}
		.blockFace { padding: 0px 40px 0px 40px;}
	}	
	
/* --- Mobile landscape --- (col-ml) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.imageHeaderBlock { background-size: auto  100%; background-position: top right; }
		.pageBody .imageHeaderBlock blockquote  { top: 8%;}		
		.imageHeaderImage { display: block; margin-bottom: 180px;}
		.pageBody .iconBoxBlock .col-all  { padding: 0 5px 0 5px; } 
		.pageBody  .iconBoxBlock { padding-left: 12px; padding-right: 12px; }	
		.pageBody  .iconBoxBlock .iconBox {margin-bottom: 10px;}
		.imageHeaderImage { margin-bottom: 80px;}
		.imageHeaderBlock blockquote {   top: 10%;;}
		#linkBlockFace  { bottom: 0px;  left: 45%}
	}
	
/* --- Small tablet portrait --- (col-st) */
	@media only screen and (min-width: 767px) and (max-width: 991px) {
		.imageHeaderBlock { background-size: auto  100%; }
		.pageBody .imageHeaderBlock blockquote  {top: 10%;}		
		.pageBody .iconBoxBlock .col-all  { padding: 0 7px 0 7px; } 
		.pageBody  .iconBoxBlock { padding-left: 10px; padding-right: 10px; }	
		.pageBody  .iconBoxBlock .iconBox {margin-bottom: 14px;}
		.imageHeaderImage { margin-bottom: 40px;}
		#linkBlockFace  { top: 500px;}
		.blockFace { padding-right: 40px;}
	}	

/* --- Tablet portrait --- (col-tp) */
	@media only screen and (min-width: 991px) and (max-width: 1241px) {
		.imageHeaderBlock { background-size: auto  100%; }
		.pageBody .imageHeaderBlock blockquote  { top: 10%;}		
		.pageBody .iconBoxBlock .col-all  { padding: 0 7px 0 7px; } 
		.pageBody  .iconBoxBlock { padding-left: 10px; padding-right: 10px; }	
		.pageBody  .iconBoxBlock .iconBox {margin-bottom: 14px;}
		#linkBlockFace  { top: 470px;}
		.blockFace { padding-right: 40px;}
	}

/* --- Tablet landscape --- (col-tr) */	
@media only screen and (min-width: 1241px) and (max-width: 1440px) {
		.imageHeaderBlock { background-size: auto  95%; }
		.pageBody .imageHeaderBlock blockquote  { top: 8%;}		
		.pageBody .imageHeaderBlock blockquote h1 { font-size: 65px; margin-bottom: 30px; }
		.pageBody .imageHeaderBlock blockquote  p.textSupBig { margin-bottom: 50px;}	
		.pageBody h2 { font-size: 60px;  }
		#linkBlockFace  { top: 600px;}
		.blockFace { padding-right: 60px;}
	}	

@media only screen and (min-width: 1440px) and (max-width: 1920px) {
		.imageHeaderBlock { background-size: auto  105%;  background-position: top right; }
		.pageBody h1 {font-size: 70px; margin-bottom: 35px;  }
		.pageBody .imageHeaderBlock blockquote  { top: 100px;}		
		.pageBody .imageHeaderBlock blockquote  p.textSupBig {margin-bottom: 50px;}	
		.pageBody h2 { font-size: 60px;  }
		.imageHeaderImage { margin-bottom: 0;}
		.blockFace { padding-right: 60px;}
		#linkBlockFace  { top: 640px;}

	}	
	@media only screen and (min-width: 1920px) {
		.imageHeaderBlock { background-size: auto  105%; }
		.pageBody .imageHeaderBlock blockquote  { top: 100px;}		
		.pageBody .imageHeaderBlock blockquote h1 { font-size: 90px; margin-bottom: 40px;}
		.pageBody .imageHeaderBlock blockquote .textSupBig { margin-bottom: 50px;}
		.pageBody h2 { font-size: 60px;  }
		.imageHeaderImage { margin-bottom: 120;}
		#linkBlockFace  { top: 750px; }
		.blockFace { padding-right: 60px;}
	}