.wp-block-lite-hero {
	position: relative;
	padding: 5em 0;
	text-align: center;
	background-size: cover;
	background-position: center;
}

.wp-block-lite-hero .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .3;
}

.wp-block-lite-hero .content {
	position: relative;
	z-index: 100;
	padding: 0 1em;
}

.wp-block-lite-hero .content h1 {
	margin-bottom: 0.2em;
}

.wp-block-lite-hero .content p {
	max-width: 700px;
	margin: 0 auto 1.5em auto;
}

.wp-block-lite-hero .lite-button {
	border: none;
	display: inline-block;
	cursor: pointer;
	opacity: 1;
	text-align: center;
	font-size: 1em;
	padding: 0.4em 0.75em;
	text-decoration: none;
}

@media only screen and (min-width: 768px) {
	.wp-block-lite-hero .content {
		padding: 0 2em;
	}
}