:root {
	--primary-devosh-color: #285073;
	--shaded-devosh-color: #4183bc;
}

body {
	background: #f4f1ea;
}

header {
	background: #fff;
}

a {
	color: var(--primary-devosh-color);
}

a:hover {
	color: var(--shaded-devosh-color);
	text-decoration: none;
}

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

.btn-primary:hover,
.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
	background: var(--shaded-devosh-color);
	border-color: var(--shaded-devosh-color);
}

.bg-devosh {
	color: #fff;
	background: var(--primary-devosh-color);
}

.text-body-devosh {
	color: var(--primary-devosh-color);
}

.header-brand {
	color: var(--primary-devosh-color);
	text-decoration: none;
}

.header-brand,
.footer-brand {
	font-size: 2.5rem;
	line-height: 2.75rem;
	font-weight: bold;
}

.navbar {
	background: var(--primary-devosh-color);
}

.navbar .navbar-nav .nav-link {
	color: #ffffff;
	font-size: 1.25rem;
}

.sm-icons {
	flex-direction: row;
}

.navbar-toggler {
	color: #fff;
	border-color: #fff;
}

span.navbar-toggler-text {
	position: relative;
	top: 2px;
}

.card-body dd {
	margin-bottom: .25rem;
}

footer {
	color: #fff;
	background: var(--primary-devosh-color);
}

footer .nav-link:hover {
	opacity: .75;
}

@media screen and (max-width: 576px) {
	.header-brand {
		font-size: 1.75rem;
		line-height: 2rem;
	}
}

@media screen and (min-width: 768px) {
	.navbar-nav .nav-item:hover a {
		opacity: .75;
	}
}