body {
  overflow-x: hidden;
  font-family: 'Montserrat', sans-serif;
  color: #6a8097;
}

/*============ TOP BAR ============*/
.top-bar {
  background-color: #032e69d8;
}

.top-bar a{
  color: #fff;
  text-decoration: none !important;
  font-size: 1.1rem;
}

/*============ NAVBAR ============*/
.navbar-brand span {
    color: #032e69d8;
    font-size: 1.1rem;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}

.nav-link {
    color: #032e69d8 !important;
    font-size: 1.1rem;
    font-weight: 500;
    font-family: 'Oswald', sans-serif;
}

.nav-link.active, .nav-link:hover {
    color: #0e56bcd8 !important;
}

/*============ FOOTER ============*/
.site-footer {
    background-color: #032e69d8;
    color: #ffffff;
    padding: 20px 0;
}

.site-footer h5 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 15px;
    font-family: 'Oswald', sans-serif;
}

/* Footer links: remove default underline and inherit footer color */
.site-footer a{
  text-decoration: none;
  color: inherit;
}

/* Contact page styles */
.contact-card {
  border: 0;
}

#formStatus {
  color: #0d6efd;
  font-weight: 600;
}

@media (max-width: 575px) {
  .navbar-brand span { font-size: .95rem; }
}

/* Contact layout and form styles */
.hero-image { height: 100%; min-height: 320px; }
.hero-image img { display: block; width: 100%; height: 100%; object-fit: cover; }

.btn-orange {
  background-color: #032e69d8;
  border-color: #032e69d8;
  color: #fff;
}
.btn-orange:hover, .btn-orange:focus {
  background-color: #ffffff;
  border-color: #032e69d8;
  color: #032e69d8;
}

.contact-card .card-body { background: transparent; }

/* make form look airy */
.form-control { border-radius: 4px; }

@media (min-width: 992px) {
  .hero-image { min-height: 420px; }
}

/* Logo on contact left column */
.logo-wrapper { max-width: 360px; width: 100%; }
.contact-logo { max-width: 100%; height: auto; display: inline-block; filter: drop-shadow(0 6px 18px rgba(13,110,253,0.12)); }

@media (min-width: 1200px) {
  .logo-wrapper { max-width: 420px; }
}

