.page-header-section {
	position: relative;
  	display: flex;
  	align-items: center;
  	min-height: 360px;
	margin-bottom: 90px;
}

@media (max-width: 576px) {
	.page-header-section {
    	min-height: 253px;
  	}
}

.page-header-section h1 {
	font-size: 55px;
	color: #fff;
}

.page-header-section .header-bg {
	position: absolute;
	mix-blend-mode: normal;
  	left: 0;
  	right: 0;
  	top: 0;
 	bottom: 0;
 	background-size: cover;
  	background-repeat: no-repeat;
	background-position: 50% center;
	z-index: -1;
}

.page-header-section > *:not(.header-bg) {
	position: relative;
}