@font-face {
	font-family: 'Source Sans 3', sans-serif;
	src: url(../fonts/SourceSans3-VariableFont_wght.ttf) format('truetype');
}

.d-flex {
	display: flex;
}

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

.flex-column {
	flex-direction: column;
}

.align-items-center {
	align-items: center;
}

.justify-content-around {
	justify-content: space-around;
}

.justify-content-between {
	justify-content: space-between;
}

.justify-content-center {
	justify-content: center;
}

.w-100 {
	width: 100%;
}

.f-12 {
	font-size: 12px;
}

.f-14 {
	font-size: 14px;
}

.bold {
	font-weight: bold;
}

a {
	text-decoration: none;
}

body {
	background-color: #e5e5de;
	font-family: 'Source Sans 3', sans-serif;
	margin: 0;
}

#top-header-bar {
	align-items: center;
	background-color: #162452;
	color: #f0ebdd;
	display: flex;
	flex-direction: column;
	font-size: 18px;
	padding: 10px 20px;
}

#top-header-bar-left ul {
	color: #fff;
	display: flex;
	flex-direction: row;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	text-transform: uppercase;
}

#top-header-bar-left ul li:before {
	content: "|";
	margin: 0 10px;
}

#top-header-bar-left ul li:first-child:before {
	content: "";
	margin-left: 0;
}

#top-header-bar-left ul li a {
	color: #fff;
}

#top-header-bar-right {
	align-items: center;
	display: flex;
	flex-direction: column;
}

#top-header-bar-right-left {
	align-items: center;
	color: #fff;
	display: flex;
	flex-direction: column;
	font-size: 20px;
}

#phone {
	font-size: 33px;
	font-weight: 600;
	margin-bottom: 10px;
}

#phone a {
	color: #fff;
}

#top-header-bar-right-left .address-container {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

#top-header-bar-right-left .address {
	display: flex;
	flex-direction: column;
}

.facebook {
	margin-left: 30px;
}

.hide-on-mobile {
	display: none;
}

#top-header-bar-right-right {
	display: none;
	flex: 1;
}

#top-header-bar-right-right img {
	display: block;
}

#header-bar {
	align-items: center;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	padding: 20px;
}

#banner-copy {
	margin-top: 10px;
}

#banner-copy h3 {
	font-size: 18px;
	font-weight: 700;
	margin: 10px 0 0 0;
	text-align: center;
}

#banner-copy h4 {
	font-size: 18px;
	font-style: italic;
	font-weight: 500;
	margin: 10px 0 0 0;
	text-align: center;
}

#content {
	color: #5b6784;
	font-size: 20px;
}

#inner-content {
	align-items: center;
	display: flex;
	flex-direction: column;
}

#inner-content h1:first-child {
	margin-top: 0;
}

#inner-content h1 {
	color: #a52932;
	font-size: 20px;
	font-weight: 600;
	margin: 20px 0;
}

#content-left {
	background-color: #fff;
	padding: 40px;
}

#content-left p {
	color: #000;
	font-size: 16px;
	font-weight: 300;
}

#content-left .note {
	color: #a52932;
	font-size: 32px;
	font-weight: 700;
	margin-top: 75px;
	max-width: 100%;
	text-align: center;
}

#content-left ul {
	color: #000;
	font-size: 16px;
	font-weight: 300;
	line-height: 28px;
	margin-left: 40px;
	padding: 0;
}

#content-left ul li a {
	color: #000;
	text-decoration: none;
}

#content-about-us p:first-child {
	color: #5b6784;
}

#content-about-us p {
	color: #162452;
}

#welcome {
	background: url(../images/welcome.jpg) no-repeat;
	height: 62px;
	position: relative;
	right: 10px;
	width: 551px;
}

#services {
	background: url(../images/services.jpg) no-repeat;
	height: 35px;
	position: relative;
	right: 10px;
	width: 100px;
}

#content-right {
	background-color: #656f89;
	color: #f0ebdd;
	font-size: 18px;
	padding: 20px;
}

#content-right ul {
	align-items: center;
	color: #f0ebdd;
	display: flex;
	flex-direction: row;
	font-size: 24px;
	font-weight: 300;
	list-style: none;
	justify-content: center;
	margin: 0 0 30px 0;
	padding: 0;
	text-transform: uppercase;
}

#content-right ul li:before {
	content: "|";
	margin: 0 15px;
}

#content-right ul li:first-child:before {
	content: "";
	margin-left: 0
}

#content-right ul li a {
	color: #f0ebdd;
}

#content-right .heading {
	background-color: #0d164e;
	font-size: 24px;
	margin-bottom: 10px;
	padding: 5px;
}

#address {
	font-size: 18px;
	margin-top: 10px;
	text-align: center;
}

#directions {
	color: #0d164e;
	font-size: 14px;
	height: 29px;
	line-height: 29px;
	/*margin: 15px auto 22px auto;*/
	margin: 5px auto;
	text-align: center;
	width: 175px;
}

#manager-ctr {
	background-color: #0d164e;
	margin: 0 auto 10px auto;
	width: 100%;
}

.contact-staff {
	display: flex;
	flex-direction: row;
}

.contact-staff img {
	margin-right: 10px;
}

#manager-ctr .contact-staff.manager {
	display: flex;
	flex-direction: row;
	padding: 10px 15px;
}

#manager-ctr .contact-staff.manager .manager-name {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: uppercase;
}

#manager-ctr .contact-staff {
	margin-bottom: 5px;
	padding-bottom: 10px;
	text-align: center;
}

.contact-staff > div {
	align-items: center;
	display: flex;
	flex-direction: column;
}

#manager-name, .manager-name {
	font-size: 18px;
}

.manager-title {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.manager-email {
	font-size: 14px;
	margin-top: 5px;
	text-decoration: underline;
}

#email-us {
	font-size: 12px;
	padding-bottom: 15px;
	text-align: center;
}

#content-right a {
	color: #f0ebdd;
}

#phones,
#hours {
	margin: 20px 0;
	text-align: center;
}

#phones h3,
#hours h3 {
	font-size: 22px;
	font-weight: bold;
	line-height: 28px;
	margin: 0;
}

#phones h4,
#hours h4 {
	font-size: 22px;
	font-weight: 300;
	line-height: 28px;
	margin: 0;
}

#manager-phone {
	font-size: 20px;
	font-weight: 700;
	margin-top: 10px;
	text-align: center;
}

#manager-phone a {
	color: #f0ebdd;
}

#manager-fax {
	font-size: 15px;
	font-weight: 400;
	text-align: center;
}

hr {
	background-color: #a52932;
	border: none;
	height: 6px;
	margin: 10px 0;
	width: 100%;
}

#footer {
	background-color: #fff;
	padding: 10px 0;
}

#footer-logo {
	color: #f0ebdd;
	display: flex;
}

#footer-logo-img {
	margin-right: 15px;
}

#footer-logo-text h3 {
	color: #162452;
	font-family: 'Source Sans 3', sans-serif;
	font-size: 32px;
	font-weight: 700;
	line-height: 36px;
	margin-bottom: 0;
}

#footer-logo-text h6 {
	color: #162452;
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 300;
	font-size: 15px;
	margin-top: 5px;
}

#footer div {
	line-height: 16px;
	text-align: center;
}

#footer a {
	color: #000;
}

#footer-middle {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 40px 0;
}

#footer-middle h4 {
	font-size: 18px;
	line-height: 24px;
	margin: 0;
}

#footer-middle h5 {
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
}

#footer-middle span {
	display: inline-block;
	margin: 0 5px;
}

#footer-right {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#footer-right img {
	margin-top: 10px;
}

#blue-bar {
	align-items: center;
	background-color: #0d164e;
	display: flex;
	height: 35px;
	justify-content: center;
}

#blue-bar p {
	color: #fff;
}

#blue-bar a {
	color: #fff;
	text-decoration: none;
}

#links {
	font-size: 18px;
}

#links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#links ul li {
	line-height: 24px;
	margin: 0 5px;
}

#links ul li:last-child {
	margin-bottom: 0;
}

#logo {
	margin-right: 50px;
}

#logo-text h1 {
	color: #162452;
	font-family: 'Source Sans 3', sans-serif;
	font-size: 35px;
	line-height: 40px;
	margin-bottom: 20px;
	text-align: center;
}

#logo-text h2 {
	color: #000;
	font-family: 'Source Sans 3', sans-serif;
	font-size: 24px;
	margin: 0;
	text-align: center;
}

#logo-text h3 {
	color: #000;
	font-family: 'Source Sans 3', sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight: 400;
	margin: 0;
	text-align: center;
}

.container {
	margin: 0 auto;
	padding: 0 10px;
	width: 100%;
}

#content-left {
	flex-grow: 2;
}

#content-left p {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 20px;
}

#content-left ul {
	font-size: 17px;
	margin: 25px 0 25px 60px;
}

#content-left h1 {
	font-size: 30px;
}

#content-left h3 {
	color: #a52932;
	font-size: 24px;
}

#content-left h2 {
	color: #a52932;
}

#content-right {
	max-width: 315px;
}

@media (min-width: 1200px) { 
	.flex-xl-row {
		flex-direction: row !important;	
	}

	.container {
		margin: 0 auto;
		width: 1280px;
	}

	#inner-content {
		align-items: inherit !important;
	}

	#logo {
		margin-right: 100px;
	}

	#logo-text h1 {
		font-size: 55px;
		line-height: 60px;
		margin-bottom: 20px;
	}

	#logo-text h2 {
		font-size: 36px;
	}

	#logo-text h3 {
		font-size: 30px;
	}

	#footer-middle {
		margin: 0;
	}

	#content-left p {
		font-size: 23px;
		line-height: 28px;
		margin-bottom: 20px;
	}

	#content-left ul {
		font-size: 22px;
		margin: 25px 0 25px 60px;
	}

	#content-left h1 {
		font-size: 36px;
	}

	#content-left h3 {
		color: #a52932;
		font-size: 28px;
	}
}

@media (min-width: 768px) { 
	.flex-lg-row {
		flex-direction: row !important;	
	}

	.hide-on-mobile {
		display: block;
		margin: 0 5px;
	}

	#top-header-bar {
		flex-direction: row;
		justify-content: space-between;
	}

	#top-header-bar-left {
		align-self: baseline;
	}

	#top-header-bar-left ul {
		margin: 0;
	}

	#top-header-bar-left ul li {
		font-size: 33px;
		font-weight: 300;
	}

	#top-header-bar-right {
		flex-direction: row;
	}

	#top-header-bar-right-left {
		align-items: flex-end;
		justify-content: center;
		margin-right: 20px;
	}

	#phone {
		margin: 0;
	}

	#top-header-bar-right-left .address {
		flex-direction: row;
	}

	#top-header-bar-right-right {
		display: flex;
	}

	.facebook {
		display: none;
	}

	#header-bar {
		padding: 10px 0;
	}

	#banner-copy {
		margin-left: 50px;
		margin-top: 0;
	}

	#banner-copy h3 {
		font-size: 30px;
		margin: 0;
	}

	#banner-copy h4 {
		font-size: 23px;
		margin: 0;
	}

	#inner-content {
		align-items: flex-start;
		flex-direction: row;
		justify-content: center;
		margin: 40px 0;
	}

	#content-right {
		min-width: 315px;
		width: 315px;
	}

	.contact-staff > div {
		width: 100%;
	}

	#footer {
		flex-direction: row;
		justify-content: space-between;
	}

	#links ul {
		margin-bottom :0;
	}
}