h1 {
	font-size: 29px;
	line-height: 33px;
	letter-spacing: -0.047em;
	color: #05344C;
	font-family: 'Source Serif Pro', serif;
	font-weight: 700;
}

h2 {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.017em;
	color: #00719b;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
}

h3 {
	font-size: 12px;
	line-height: 22px;
	color: #00719B;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
}

hr {
	border-top: 1px solid #e3e3e3;
}

.header-bg {
	background: #cfedfc url('../img/header-bg.png') repeat center center;
	background-size: cover;
}

.header-bg h1 {
	padding-top: 2em;
}

.header-bg h2 {
	padding-bottom: .8em;
}

.header-bg h3 {
	padding-bottom: 1.5em;
}

.highlight-box {
	background-color: #e8f8f9;
	color: #4f4f4f;
	font-family: 'Source Sans Pro', sans-serif;
	padding: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.highlight-box h3 {
	letter-spacing: 0.021em;
	color: #3b3b3b;
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	margin-bottom: 0;
}

.highlight-box p {
	font-size: 15px;
	letter-spacing: 0.016em;
	line-height: 19px;
}

.highlight-box p:last-child {
	margin-bottom: 0;
}

.card {
	background-color: #fff;
	border: 1px solid #8fe2e7;
	box-shadow: 0 2px 4px 0 rgba(227,227,227,1);
	margin-bottom: 15px;
}

.card:hover, .card:active, .card:focus {
	box-shadow: 0 0 6px 0 rgba(68,193,200,0.82);
}

.card-header {
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px solid #e3e3e3;
	padding: 10px 20px;
	position: relative;
}

.card-header h5 {
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.016em;
	color: #2e2e2e;
	font-family: 'Source Sans Pro', serif;
	font-weight: 600;
	text-transform: uppercase;
}

.card-header::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 5px solid #2e2e2e;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	position: absolute;
	left: 8px;
	top: 13px;
}
.card-header.collapsed::before {
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #2e2e2e;
	left: 11px;
	top: 11px;
}

.card-body {
	padding: 15px 20px;
}

.card-body h4 {
	font-size: 19px;
	color: #2e2e2e;
	font-family: 'Source Serif Pro', serif;
	font-weight: 600;
	margin-bottom: 0;
}

.card-body h5 {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.012em;
	color: #515151;
	font-family: 'Source Sans Pro', serif;
	font-weight: 400;
}

.card-body p {
	font-size: 14px;
	line-height: 20px;
	color: #4f4f4f;
	font-family: 'Source Sans Pro', serif;
	font-weight: 400;
}

.card-body p:last-child {
	margin-bottom: 0;
}

.card-body a {
	font-size: 13px;
	line-height: 20px;
	color: #44c1c8;
	font-family: 'Source Sans Pro', serif;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
}
.card-body a:hover, .card-body a:active, .card-body a:focus {
	text-decoration: underline;
}

.btn.btn-blue {
	background-color: #fff;
	color: #515151;
	font-size: 13px;
	line-height: 15px;
	color: #2e2e2e;
	font-family: 'Source Sans Pro', serif;
	font-weight: 400;
	text-transform: uppercase;
	padding: 15px 20px 12px;
	border: 1px solid #8fe2e7;
	box-shadow: 0 2px 4px 0 rgba(227,227,227,1);
	margin-bottom: 20px;
}

.btn.btn-blue:hover, .btn.btn-blue:active, .btn.btn-blue:focus {
	box-shadow: 0 0 6px 0 rgba(68,193,200,0.82);
}

.copyright {
	font-size: 9px;
	margin-top: 10px;
}

.footerLogo{
	margin-top: 20px;
}

@media (min-width: 768px) {
	h1 {
		font-size: 69px;
		line-height: 76px;
	}

	h2 {
		font-size: 29px;
		line-height: 30px;
	}

	h3 {
		font-size: 20px;
		line-height: 24px;
	}

	.highlight-box {
		padding: 35px;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.highlight-box p {
		font-size: 18px;
		line-height: 24px;
	}

	.card {
		margin-bottom: 20px;
	}

	.card-header {
		padding: 15px 35px;
	}

	.card-header h5 {
		font-size: 17px;
		line-height: 20px;
	}

	.card-header::before {
		left: 18px;
		top: 23px;
	}
	.card-header.collapsed::before {
		left: 21px;
		top: 21px;
	}

	.card-body {
		padding: 30px 35px 25px;
	}

	.card-body h4 {
		font-size: 19px;
	}

	.card-body h5 {
		font-size: 14px;
		line-height: 20px;
	}

	.card-body p {
		font-size: 14px;
		line-height: 20px;
	}

	.card-body a {
		font-size: 13px;
		line-height: 20px;
	}

	.btn.btn-blue {
		font-size: 13px;
		line-height: 15px;
		padding: 15px 35px 12px;
		margin-bottom: 20px;
	}
}