body, nav {
  font-family: 'Poppins', sans-serif;
}

b, strong {
  font-weight: bold;
}

.dark-bg {
  background-image: url(/images/blue-bg.png);
  background-repeat: repeat;
  background-attachment: fixed;
}

/* Headers */

header.header-home {
  background-image: url(/images/header-temp.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

.navbar {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #fff;
  text-decoration: underline;
}

.navbar-light .navbar-nav .nav-link {
  color: #fff;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #fff;
  text-decoration: underline;
}

.btn {
  border-width: 1px;
}

.btn-dark {
  color: #39b2ff;
  background-color: #022080;
  border-color: #022080;
}

.btn-dark:hover, .btn-dark:active {
  color: #022080;
  background-color: #39b2ff;
  border-color: #39b2ff;
}

.btn-outline-dark {
  color: #fff;
  border-color: #fff;
}

.btn-outline-dark:hover, .btn-outline-dark:active {
  color: #fff;
  background-color: #022080;
  border-color: #022080;
}

.btn-outline-light {
  color: #39b2ff;
  border-color: #39b2ff;
}

.btn-outline-light:hover, .btn-outline-light:active {
  color: #022080;
  background-color: #39b2ff;
  border-color: #39b2ff;
}

/* General */

.registered-acc-home, .registered-acc {
  background-color: #39b2ff;
  color: #022080!important;
}

.light-blue {
  color: #39b2ff!important;
}

.dark-blue {
  color: #022080!important;
}

.registered-acc h3, .registered-acc-home h3 {
  font-family: 'Poppins', sans-serif;
}

.bg-primary {
  background-color: #196EC8!important;
}

.bg-promo {
  background-color: #022080!important;
}

.border-primary {
  border-color: #196EC8!important;
}

.card, .rounded {
  overflow: hidden;
  border-radius: 1rem!important;
  border: none;
}

.googlemap {
  position: relative;
  padding-bottom: 30%; /* ratio */
  height: 0;
  overflow: hidden;
}
  
.googlemap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

@media all and (max-width: 575.98px) {

  p.h5 { font-size: 1rem; }

  p.card-text { font-size:0.8rem; }
  p.lead { font-size: 1rem; }
  a.btn-lg { font-size: 1rem; }
  ul.card-list li { font-size:0.8rem; }

}