body {
	font-family: 'Tinos', serif;
	font-size: 18px;
	font-weight: 400;
}

.dm-sans {
	font-family: 'DM Sans', serif;
}

#clarice-hero {
	background-image: url('/assets/hero-bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#clarice-hero h1,
#clarice-hero h2,
#clarice-hero .claim {
	line-height: 1.3;
}
#clarice-hero h1 {
	color: #023E7C;
	font-size: 50px;
	font-weight: 700;
	margin-bottom: 15px;
}
#clarice-hero h2 {
	color: #023E7C;
	font-size: 32px;
}
#clarice-hero .claim {
	color: #4E98FA;
	font-size: 45px;
	font-style: italic;
	font-weight: 700;
	margin: 75px 0 100px 0;
}
#clarice-hero .claim .last::before {
	transform: rotate(180deg);
}

footer {
	background-color: #023E7C;
	padding-top: 50px;
	padding-bottom: 50px;
}
footer .col-sm-6 {
	margin-bottom: 50px;
}
footer h3 {
	color: #C1DCFE;
	font-size: 25px;
	font-weight: 400;
	margin-bottom: 5px;
}
footer .dm-sans,
footer a {
	color: #fff !important;
}
footer a {
	text-decoration: none
}
footer a:hover {
	text-decoration: underline;
}
footer .icon-container {
	background-color: #C1DCFE;
	border-radius: 5px;
	color: #023E7C;
	display: inline-block;
	height: 36px;
	margin-bottom: 10px;
	padding: 5px;
	text-align: center;
	width: 36px;
}
footer .button {
	background-color: #4E98FA;
	border-radius: 50px;
	display: inline-block;
	margin-top: 70px;
	padding: 15px 30px;
	text-decoration: none !important;
	transition: all 0.15s ease-in;
}
footer .button:hover {
	background-color: #7cb1f7;
	box-shadow: 0 1rem 3rem rgba(0,0,0, 0.175);
}
footer .button .bi {
	margin-right: 10px;
}

@media screen and (max-width: 768px) {
	#clarice-hero h1 {
		font-size: 35px;
		margin: 30px 0 10px 0;
	}
	#clarice-hero h2 {
		font-size: 24px;
	}
	#clarice-hero .claim {
		font-size: 25px;
		margin: 30px 0 0 0;
	}
}

@media screen and (max-width: 576px) {
	footer .col-sm-6 {
		margin-bottom: 30px;
	}
	footer .col-sm-6 > .d-flex {
		flex-direction: row !important;
	}
	footer .button,
	footer .col-md-6.order-2 {
		margin-top: 0 !important;
	}
	footer .icon-container {
		margin: 0 15px 0 0;
	}
}