.hero{
	padding: 96px 4rem 0;
	display: block;
}
@media (max-width: 768px) {
	.hero {
		padding: 2rem 1rem 0;
	}
}
@media (max-width: 440px) {
	.hero {
		padding: 2rem 0.5rem 0;
	}
}
.hero .hero-contents{
	margin: 0 auto;
	max-width: 996px;
	display: flex;
	flex-direction: row;
	gap: 2rem;
}
@media (max-width: 768px) {
	.hero .hero-contents {
		flex-direction: column;
	}
}
.hero .hero-left,
.hero .hero-right{
	flex: 1;
}