@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

body {
	font-family: 'Inter', sans-serif;
	color: #052A4F;
	line-height: 1.6;
}

a {
	text-decoration: none;
	color: inherit;
	font-weight: bold;
}

a.hover {
	text-decoration: underline;
}

.logo {
	font-size: 24px;
	font-weight: bold;
	color: #063D72;
}

.menu a {
	font-weight: bold;
	color: #063D72;
}

.menu a:hover {
	color: #063D72;
}

.container {
	vertical-align: top;
}

.two_columns {
	vertical-align: top;
}

.container h1{
	font-size: clamp(24px, 5vw, 34px);
	line-height: 1.1;
	margin: 0 0 20px;
	display: inline;
}

.two_columns h1{
	font-size: clamp(24px, 5vw, 34px);
	line-height: 1.1;
	margin: 0 0 20px;
	display: inline;
}

.hero h1 {
	font-size: clamp(36px, 5vw, 62px);
	line-height: 1.1;
	margin: 0 0 20px;
}

.hero p {
	font-size: 20px;
	margin-bottom: 30px;
	color: #3E5F78;
}

.section_title h2 {
	font-size: 38px;
	margin: 0 0 10px;
}

.card h3 {
	margin-top: 0;
	color: #063D72;
}

.cta h2 {
	font-size: 36px;
	margin: 0;
}

@media (max-width: 800px) {

}