html,
body {
	color: #333;
	font-family: "Wix Madefor Text", sans-serif;
	-webkit-font-smoothing: antialiased;
}

.intro-page {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	height: auto;
	min-height: 100vh;

	background-color: #013531;
	background-image: url("../assets/images/backgrounds/intro-page.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.intro-page .container {
	width: 100%;
	max-width: 1500px;
	padding-top: 50px;
	padding-bottom: 50px;
}

.intro-page .blurb {
	background-color: #fff;
	padding: 20px;
	border-radius: 16px;
	width: 100%;
	height: 100%;
}

.intro-page h2 {
	position: relative;
	color: #005847;
	font-family: "Josefin Sans", sans-serif;
	font-size: 1.75rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.intro-page h2::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 120px;
	height: 3px;
	background-color: #299d65;
}

.intro-page p {
	font-size: 1rem;
	margin-bottom: 0.625rem;
}

@media screen and (min-width: 992px) {
	.intro-page p {
		font-size: 1.125rem;
	}
}

.intro-page p.large {
	position: relative;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.intro-page p strong {
	color: #005847 !important;
	font-weight: 700;
}

.intro-page .blurb p.large::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 120px;
	height: 3px;
	font-weight: 600;
	background-color: #299d65;
}

@media screen and (min-width: 992px) {
	.intro-page p.large {
		font-size: 1.25rem;
	}
}

.intro-page .btn {
	position: relative;
	width: 100%;
	background-color: #013531;
	color: #fff;
	padding: 10px;
	border-radius: 8px;
	transition: background-color 150ms ease-in-out color 150ms ease-in-out;
	font-size: 1.125rem;
	font-weight: 600;
}

@media screen and (min-width: 576px) {
	.intro-page .btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex: 1;
		width: auto;
		font-size: 1.25rem;
	}
}

.intro-page .btn::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 85px;
	height: 5px;
	background-color: transparent;
	border-radius: 10px 10px 00;
	transition: background-color 150ms ease-in-out;
}

.intro-page .btn:hover {
	background-color: #def1f8;
	color: #013531;
}

.intro-page .btn:hover::after {
	background-color: #038c9e;
}