@font-face {
	font-family: "moonstoneregular";
	src: url("fonts/Moonstone-Regular.woff") format("woff"), url("fonts/Moonstone-Regular.otf") format("otf"), url("fonts/Moonstone-Regular.ttf") format("ttf");
	font-weight: normal;
	font-style: normal;
}
.thank-you-template-container h1 {
	font-family: "cronos-pro", serif;
	font-size: 40px;
	line-height: 112.5%;
}
.banner-block-section {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.banner-block-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 80px 40px;
}
.banner-block-content {
	max-width: 760px;
}
.banner-block-content h1,
.banner-block-content h1 span {
	font-family: moonstoneregular, sans-serif !important;
	font-size: clamp(80px, 5vw, 93px);
	line-height: 100%;
	font-weight: 400;
	margin-bottom: 20px;
}
.banner-block-content p {
	font-family: "cronos-pro", serif;
	font-size: 22px;
	line-height: 150%;
	font-weight: 400;
	margin-bottom: 40px;
}
.banner-block-content p:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 998px) {
	.banner-block-section {
		background-image: none !important;
		background-color: #da521a;
	}
	.banner-block-container {
		padding: 40px 20px;
	}

	.banner-block-content h1,
	.banner-block-content h1 span {
		text-align: center;
	}
	.banner-block-content {
		margin: auto;
	}
}

@media screen and (max-width: 480px) {
	.banner-block-content h1,
	.banner-block-content h1 span {
		font-size: 70px;
	}
}