:root {
	--bs-blue:#406ab3;
	--bs-gray:#e6e7e8;
	--bs-navy:#304672;
}
@font-face {
	font-family:Merriweather-Bold;
	src:url("/fonts/merriweather-bold.ttf") format("truetype");
}
html {
	position:relative;
	min-height:100%;
	font-size:0.75rem;
}
body {
	color:var(--bs-navy);
	margin-bottom:300px;
	padding-top:5.375em;
}
nav {
	background-color:var(--bs-navy);
}
nav img {
	width:2.5em;
}
nav .navbar-brand {
	font-size:1.5em;
	color:var(--bs-white);
}
nav .nav-link {
	color:var(--bs-white);
	text-transform:uppercase;
}
nav .nav-link:last-child {
	padding-right:0 !important;
}
nav .nav-link:hover {
	color:var(--bs-danger);
}
nav .navbar-toggler {
	color:var(--bs-white);
	font-size:inherit;
	text-transform:uppercase;
	padding:0;
}
nav .navbar-toggler:focus {
	box-shadow:none;
}
nav .dropdown-menu {
	padding:0;
	border-color:var(--bs-navy);
	border-radius:0;
}
nav .dropdown-item:hover {
	color:var(--bs-danger);
	background-color:var(--bs-gray);
}
.hero {
	background-color:var(--bs-gray);
}
.hero .hero-slides {
	position:relative;
	height:300px;
	display:flex;
	align-items:center;
}
.hero .hero-slide {
	position:absolute;
	width:100%;
	opacity:0;
	transition:all 0.5s ease-in-out;
}
.hero h1 {
	line-height:1.5;
	text-align:left;
	margin:0;
}
.hero img {
	position:absolute;
	top:0;
	right:0;
	height:100%;
	opacity:0.5;
}
.hero .slide-active {
	opacity:1;
	z-index:1;
}
.hero .dots {
	position:absolute;
	left:50%;
	bottom:1em;
	transform:translateX(-50%);
	z-index:1;
}
.hero .dots-dot {
	display:inline-block;
	width:0.75em;
	height:0.75em;
	border:1px solid var(--bs-white);
	margin-right:0.75em;
	cursor:pointer;
	transition:all 0.25s ease-in-out;
}
.hero .dots-dot:last-child {
	margin-right:0;
}
.hero .dots-dot:hover,
.hero .dot-active {
	background-color:var(--bs-white);
}
footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:300px;
	padding:2em 0;
	background-color:var(--bs-gray);
}
a {
	color:var(--bs-blue);
	cursor:pointer;
	text-decoration:none;
}
a:hover {
	color:var(--bs-danger);
}
h1 {
	font-family:Merriweather-Bold;
	font-size:2.5em;
	color:var(--bs-blue);
	text-align:center;
	margin:2em 0;
}
@media (min-width:576px) {
	html {
		font-size:0.8rem;
	}
	body {
		margin-bottom:250px;
	}
	.hero img {
		opacity:0.6;
	}
	footer {
		height:250px;
	}
}
@media (min-width:768px) {
	html {
		font-size:0.85rem;
	}
	.hero img {
		opacity:0.7;
	}
}
@media (min-width:992px) {
	html {
		font-size:0.9rem;
	}
	.hero img {
		opacity:0.8;
	}
}
@media (min-width:1200px) {
	html {
		font-size:0.95rem;
	}
	.hero img {
		opacity:0.9;
	}
}
@media (min-width:1400px) {
	html {
		font-size:1rem;
	}
	.hero img {
		opacity:1;
	}
}