/*

COLORS:
NAVY 003b71
YELLOW eade98
BLUE 87d1e6
DARK BLUE 0d6d9e
LIGHT BLUE f1fcfe

*/

* {
	font-family: Gill Sans,Gill Sans MT,Calibri,sans-serif; 
	letter-spacing: .5px;
}

button:focus { 
	outline: none; 
}

html, body {
	overflow-x: hidden !important;
}

.h1, h1 {
    text-transform: uppercase;
}

.h2, h2 {
    font-size: 2.25rem;
	text-transform: uppercase;
	margin: 0rem 0rem 1rem 0rem;
}

.h3, h3 {
    font-size: 1.75rem;
    font-weight: 600;
}

p {
	margin: 1rem 0rem 2rem 0rem;
	font-size: 1.25rem;
}

.btn-1 {
	border: 4px solid #eade98;
	padding: .75rem 1.50rem;
	text-transform: uppercase;
	color: #eade98;
	transition: background 0.3s;
	font-size: 1.75rem;
	text-shadow: 0px 2px 4px rgba(0,0,0,.25);
}

.btn-1:hover {
	background-color: #eade98;
	color: white;
}

.btn-2 {
	border: 4px solid #0d6d9e;
    padding: .75rem 2.5rem;
    text-transform: uppercase;
    color: #0d6d9e;
    transition: background 0.3s;
    font-size: 1.25rem;
    font-weight: 600;
}

.btn-2:hover {
	background-color: #0d6d9e;
	color: white;
}

a:hover {
	text-decoration: none;
}

.navbar-brand img {
	width: 15rem;
    position: absolute;
    top: -2rem;
    left: -1rem;
}

.top-menu .container .row {
	display: block;
}

.container, .container-fluid {
	padding: 0;
}

.top-menu {
	background-color: #0d6d9e;
	color: white;
	padding: 1rem 0rem;
	text-transform: uppercase;
    font-size: 1.75rem;
	letter-spacing: 1px;
	position: relative;
}

.top-menu img {
	width: 1.5rem;
	height: 1.5rem;
    position: relative;
	top: -.15rem;
	margin-left: 1rem;
}

.top-menu a {
	color: white;
	font-weight: 600;
	transition: color 0.3s;
}

.top-menu a:hover {
	color: #eade98;
}

.main-menu {
	padding-bottom: 4rem;
	padding-top: 2rem;
	background-image: url('../images/header-bg.jpg');
	background-size: auto;
	background-position: top;
	background-repeat: no-repeat;
}

.navbar-nav li a {
	text-transform: uppercase;
	font-size: 1.75rem;
	color: #eade98;
	text-shadow: 0px 2px 4px rgba(0,0,0,.25);
	font-size: 2rem;
	transition: color 0.3s;
}

.navbar-nav li a:hover {
	color: #fff;
}

.navbar-nav span {
	margin: 0rem 2rem;
	color: #eade98;
	font-size: 2rem;
}

.intro {
	background-color: #f1fcfe;
}

.intro h1 {
	letter-spacing: 3px;
	font-size: 4rem;
	margin-top: 4rem;
	color: white;
}

.intro h2 {
	font-style: italic;
    font-weight: 100;
	margin: 1rem 0rem 2rem 0rem;
	letter-spacing: 1px;
	color: #eade98;
}

.intro-2 h2 {
	font-style: normal;
	letter-spacing: 0;
	margin: 0rem 0rem 1rem 0rem;
	font-weight: 500;
	color: black;
}

.intro-2 p {
	font-size: 1.25rem;
}

.intro-2-1 {
	padding: 0rem 4rem;
}

.intro-1-img {
	width: 100%;
    margin-bottom: 4rem;
}

.intro-2-img {
	width: 100%;
	margin-top: -6rem;
}

.intro-bg img {
	position: absolute;
    z-index: -5;
    width: 100vw;
}

.intro-bg-overlay img {
	position: absolute;
	z-index: 0;
	width: 100vw;
}

.home-1-2 {
	margin: 6rem 0rem;
}

.card {
    border: 1px solid #ececec;
    border-radius: 0;
    box-shadow: 0px 5px 10px #ececec;
}

.card-body {
    padding: 2rem;
}

.card-title {
    margin-bottom: .75rem;
    font-size: 2rem;
    text-transform: uppercase;
    color: #0d6d9e;
    font-weight: 600;
}

.card a {
	text-transform: uppercase;
	font-weight: 700;
    font-size: 1.15rem;
	color: black;
	transition: color 0.3s;
}

.card a:hover {
    color: #0d6d9e;
}

.about-intro {
	background: #f1fcfe;
}

.page-header {
	padding: 6rem 1rem;
}

.padding-left {
	padding-left: 10rem;
	padding-top: 4rem;
    padding-right: 4rem;
}

.padding-right {
	padding-right: 10rem;
	padding-top: 4rem;
    padding-left: 4rem;
}

.footer {
	background-color: #0d6d9e;
    color: white;
	padding: 3rem 0rem;
	margin-top: 6rem;
}

.footer a {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25rem;
	transition: color 0.3s;
}

.footer a:hover {
	color: #eade98;
}

.footer p {
	font-size: .95rem;
    margin: 1rem 0rem;
    font-weight: 100;
    letter-spacing: .5px;
}

.footer ul {
	list-style: none;
    padding: 0;
    display: inline-flex;
}

.footer ul li span {
	margin: 0rem 2rem;
}

.mobile-cta {
	background:#003b71;
    padding: 1rem 3rem 1.5rem 5rem;
	color: white;
	text-transform: uppercase;
	font-size: 1.25rem;
	box-shadow: 0px 3px 7px #292929;
}

.mobile-cta a {
	color: white;
	margin-left: .5rem;
}

.about-content img {
	width: 100%;
}

.page {
	padding: 4rem 0rem;
}

.services-content img {
	width: 100%;
}

.services-content .col-reverse img {
	position: relative;
    margin-top: -2rem;
}

.contact-info {
	padding: 4rem;
}

.contact-form h2 {
	margin-top: 8rem;
}

.navbar-toggler {
    color: white;
}