:root {
	--primary: #7eb2dd;
	--primary-light: #023f73;
}

.theme-bg-primary {
	background: var(--primary);
}

.section-nav-wrapper .section-nav li a.active {
	color: var(--primary);
	background: none;
	border-bottom: 3px solid var(--primary);
}

.section-col-max {
	max-width: 850px;
}

.hero-section {
	background: var(--primary);
}

.hero-mask {
	visibility: hidden;
}

.section-contact .section-bg-container {
	background: none;
}

.light-green {
	color: var(--primary-light);
}

a.light-green:hover {
	color: var(--primary-light);
}

.location {
	font-weight: normal;
	font-size: 1.2em;
}

i {
	color: var(--primary);
}

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

th {
	min-width: 125px;
}

@media (max-width: 768px) {
	.hero-heading .brand .name {
		font-size: 2.5rem;
	}

	.hero-heading .desc {
		font-size: 1.7rem;
	}

	.location {
		font-size: 1em;
	}

	span.light-green {
		font-size: 0.75em;
	}
}

@media (max-width: 380px) {
	.brand {
		font-size: 3rem !important;
	}

	.brand .name {
		font-size: 2.5rem !important;
	}
}

#topcontrol {
	background: var(--primary);
}

#topcontrol:hover {
	background: var(--primary-light);
}