/*------------ LicenseONE Page CSS ------------*/

/*------ Hero Header ------*/
#lo-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-LicenseOne.jpg") no-repeat center center /cover;
}

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

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

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

/* RETINA */
@media (-webkit-min-device-pixel-ratio: 2),(-moz-device-pixel-ratio: 2), (min-resolution: 192dppx) { 
	#lo-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-LicenseOne@2x.jpg");
	}	
	.grey-section .container {
		background: url("../images/LO-LadyImage@2x.png") no-repeat right bottom /contain;
	}
}

/* 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) {	
	.grey-section .container {
		height: 46rem;
		background-position: -1.5rem bottom;		
	}
}
/* max-width: 480px */
@media (max-width: 480px) {	
	.grey-section .container {
		height: 42rem;
		background-position: -0.7rem bottom;
	}
}