.heroBanner {
	padding: 4rem 0;
	text-align: center;
	position: relative;
	overflow: hidden;
}

@media screen and (max-width: 966px) {
	.heroBanner {
		padding: 2rem;
	}
}

.logo {
	margin-top: -4rem;
	margin-bottom: -4rem;
	max-height: 24rem;
}

.fontSemiTitle {
	font-size: 2.5rem;
}

@media screen and (max-width: 966px) {
	.logo {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.fontSemiTitle {
		font-size: 1.5rem;
	}
}
