/**
 * Hero Banner Center Section
 */

.hero-banner-center-section {
	background: var(--gray);
	padding-top: 164px;
	text-align: center;
}
.hero-banner-center-section .section-header {
	max-width: 910px;
	margin-left: auto;
	margin-right: auto;
}
.hero-banner-center-section .section-header h1 {
	margin-bottom: 25px;
}
.hero-banner-center-section .section-header p {
	max-width: 676px;
	margin-left: auto;
	margin-right: auto;
}
.hero-banner-center-section .section-header 
.hero-banner-center-section .hero-illustration {
	max-width: 675px;
	margin: 80px auto 0;
}
.hero-banner-center-section .hero-illustration img {
	display: block;
	margin: 80px auto 0;
}
.hero-banner-center-section .subtitle {
    margin-bottom: 30px;
}

@media only screen and (max-width: 1199px) {
	.hero-banner-center-section .hero-illustration img {
		margin: 60px auto 0;
	}
}
@media only screen and (max-width: 991px) {

}
@media only screen and (max-width: 767px) {
	.hero-banner-center-section {
		padding-top: 135px;
	}
	.hero-banner-center-section .hero-illustration {
		margin-top: 30px;
	}
	.hero-banner-center-section .subtitle {
		margin-bottom: 20px;
	}
}