:root {
	--bg-secondary: #00537F;
	--bg-secondary-hover: #003954;
	--link-underline-primary: #00537F;
	--link-underline-primary-hover: #003954;
	--text-body: #232323;
	--text-body-secondary: #003954;
	--text-info: #1F7F5C;
}

body {
	background: url("../img/bg-info.svg") no-repeat top 4rem left -0.5rem;
	color: var(--text-body);
	font-family: "Montserrat", sans-serif;
	font-weight: 300;
	line-height: 150% !important;
}

h1 {
	font-size: 1.875rem;
	line-height: 150%;
}

.fs-12 {
	font-size: 0.75rem;
}

.bg-secondary {
	background-color: var(--bg-secondary) !important;
}

.btn-primary {
	background-color: var(--bg-secondary);
	border-color: var(--bg-secondary);
}

.btn-primary:focus, 
.btn-primary:hover {
	background-color: var(--bg-secondary-hover);
	border-color: var(--bg-secondary-hover);
}

.link-underline-primary {
	color: var(--link-underline-primary);
	-webkit-text-decoration-color: var(--link-underline-primary) !important;
	text-decoration-color: var(--link-underline-primary) !important;
}

.link-underline-primary:focus, 
.link-underline-primary:hover {
	color: var(--link-underline-primary-hover);
	-webkit-text-decoration-color: var(--link-underline-primary-hover) !important;
	text-decoration-color: var(--link-underline-primary-hover) !important;
}

.my-56 {
	margin-bottom: 3.5rem;
	margin-top: 3.5rem;
}

.p-20, 
.px-20 {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.p-20, 
.py-20 {
	padding-bottom: 1.25rem;
	padding-top: 1.25rem;
}

.text-body-secondary {
	color: var(--text-body-secondary) !important;
}

.text-info {
	color: var(--text-info) !important;
}

@media (min-width: 1200px) {
	.px-xl-20 {
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
	}
}