.hero{
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content: center;
	min-height:100vh;
	padding:var(--grid-lg);
}

.hero .lava-mask-container {
	height: 100%;
	padding-bottom: var(--grid-xs);
}

.hero .lava-mask{
	height:100%;
	border-radius: var(--mb-border-radius-xxl);
	-webkit-border-radius: var(--mb-border-radius-xxl);
	-moz-border-radius: var(--mb-border-radius-xxl);
	-ms-border-radius: var(--mb-border-radius-xxl);
	-o-border-radius: var(--mb-border-radius-xxl);
	outline:100vh solid var(--mb-surface-variant);
}

.hero-container {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	row-gap:var(--grid-xl);
	width:100%;
	height:100%;
	margin-top:calc(var(--grid-lg) + var(--navbar-height));
}

.hero-container h1 {
	font-size: var(--mb-font-size-display-sm);
	font-weight: var(--mb-font-weight-display);
	line-height: 1em;
	text-align:center;
}

.form-container{

	display: grid;
	grid-template-rows: min-content min-content min-content 20vh min-content;
	gap:var(--grid-lg);
	grid-template-areas: "name" "phone" "email" "message" "button";
	width:100%;
	max-width:40rem;
}

.form-container #ff_name{
	grid-area:name;
}

.form-container #ff_phone{
	grid-area:phone;
}

.form-container #ff_email{
	grid-area:email; 
}

.form-container #ff_message{
	grid-area:message;
}

.form-container #ff_message textarea{
	height:20vh
}

.form-container .btn-cta{
	--mb-elevation-light-shadow-color: var(--mb-primary-rgb) !important;
	grid-area: button;
	justify-self:center!important;
	box-shadow:
	4px 4px 12px -2px rgba(var(--mb-elevation-dark-shadow-color), 0.2), 
	-4px -4px 12px rgba(var(--mb-elevation-light-shadow-color), 0.4);
}

.form-container .btn-cta:hover{
	box-shadow:
	12px 12px 24px -3px rgba(var(--mb-elevation-dark-shadow-color), 0.12),
	-12px -12px 24px -3px rgba(var(--mb-elevation-light-shadow-color), 0.3);
}

@media(min-width:992px){
	.hero-container {
		row-gap:10vh;
	}

	.form-container{
		grid-template-columns: 50% 50%;
		grid-template-areas: "name message" "phone message" "email message" "button button";
		max-width:60vw;
	}

	.form-container #ff_message textarea{
		height:100%
	}
}