.hero-frontpage {
	height: 100vh;
	overflow: hidden;
	display: flex;
	align-items: center;
	padding-top: 0;
}

@media screen and (max-width: 1025px) {
	.hero-frontpage {
		height: auto;
		padding-top: 18rem;
		padding-bottom: 22rem;
	}
}

@media screen and (min-width: 1026px) and (max-width: 1167px) {
	.hero-frontpage__inner {
		grid-template-columns: var(--grid-2) !important;
	}
}