/*------------ EntityONE Page CSS ------------*/

/*------ Hero Header ------*/
#eo-hero {
	background: rgb(18,0,12);
	background: linear-gradient(70deg, rgba(18,0,12,1) 0%, rgba(18,0,12,1) 30%, rgba(89,0,64,0.05) 100%), url("../images/banners/bv-inner-hero-bg-EntityOne.jpg") no-repeat center center /cover;
}

/*------ Grey Section ------*/

.grey-section .container {
	background-image: url("../images/EO-group-image.png");
}

/*------------ Responsive ------------*/

/* RETINA */
@media (-webkit-min-device-pixel-ratio: 2),(-moz-device-pixel-ratio: 2), (min-resolution: 192dppx) { 
	#eo-hero {
		background-image:  linear-gradient(70deg, rgba(18,0,12,1) 0%, rgba(18,0,12,1) 30%, rgba(89,0,64,0.05) 100%), url("../images/banners/bv-inner-hero-bg-EntityOne@2x.jpg");
	}	
	.grey-section .container {
		background: url("../images/EO-group-image@2x.png") no-repeat right bottom /contain;
	}
}

/* max-width: 1367px */
@media (max-width: 1367px) {
	.grey-section .container {
		background-size: 70%;
	}
}
/* max-width: 992px */
@media (max-width: 992px) {
	.grey-section .container {
		background-position: right bottom;
		background-size: 65%;
	}
}
/* max-width: 768px */
@media (max-width: 768px) {	
	.grey-section .container {
		height: 42rem;
		background-size: 85%;
	}
}
/* max-width: 600px */
@media (max-width: 600px) {	
	.inner-hero {
		background-position: 85% center !important;
	}
	.grey-section .container {
		height: 46rem;
		background-position: center bottom;		
	}
}
/* max-width: 560px */
@media (max-width: 560px) {	
	.product-logo {
		width: 60%;
	}
}
/* max-width: 480px */
@media (max-width: 480px) {	
	.inner-hero {
		background-position: 90% center !important;
	}
	.grey-section .container {
		height: 42rem;
	}
}
/* max-width: 375px */
@media (max-width: 375px) {
	.grey-section .container {
		height: 46rem;
	}
}