html {
	background-image: none;
}
#PageHeading header {
	height: 250px;
	width: 150%;
	max-width: 100%;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('YoungCenter-Banner-bg-1400.jpg');
	background-color: rgb(255,255,255);
	display: flex;	
}
.heading-text{
	position: relative;
	top: 110px;
	display: block;
}
#PortalHeading{display: none;
}
@media screen and (min-resolution: 128dpi), screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-pixel-ratio: 2) {
	#PageHeading header {
		background-image: url('YoungCenter-Banner-bg-1100.jpg');
	}
}
@media screen and (min-resolution: 128dpi) and (max-device-width: 1110px), screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 1110px) {
	#PageHeading header {
		background-image: url('YoungCenter-Banner-bg-1800.jpg');
	}
}
@media screen and (min-resolution: 128dpi) and (max-device-width: 898px), screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 1110px) {
	#PageHeading header {
		background-image: url('YoungCenter-Banner-bg-1400.jpg');
	}
}
@media screen and (min-resolution: 128dpi) and (max-device-width: 698px), screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 1110px) {
	#PageHeading header {
		background-image: url('YoungCenter-Banner-bg-960.jpg');
	}
}
@media screen and (min-resolution: 128dpi) and (max-device-width: 478px), screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 478px) {
	#PageHeading header {
		background-image: url('YoungCenter-Banner-bg-640.jpg');
	}
}
@media (max-width: 698px) {
	#PageHeading header {
		height: 321px;
	}
}
@media (max-width: 478px) {
	#PageHeading header {
		height: 214px;
	}
}