body {
  font-family: 'Open Sans', sans-serif;
  font-size:1.15rem;
   }
h1, h2, h3, h4, h6 {
  font-family: 'Rancho', cursive;
  color: #c444bd;
}
h1 {font-size:2rem;}


a {
  color: #9d569a;
}

a:hover {
  color: #4484c4;
  text-decoration: none;
}


.nav-link {
  font-family: 'Rancho', cursive;
  font-size:1.75rem;
  font-weight:bold;
  display: block;
  padding: 0.5rem 1rem;
  margin: 0 0.5rem;
}
.dropdown-item {
  font-family: 'Rancho', cursive;
  font-size:1.5rem;
  font-weight:bold;
  display: block;
}

.navbar-light .navbar-nav .nav-link {
  color: #4b4b4b;
}
.navbar-light .navbar-nav .active .nav-link {
  color: #9d569a;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #9d569a;
}
.bg-light {
  background-color: #f4f4f4!important;
}

.ea-message {
  background-color:#f3f3f3;
  font-size:1rem;
  min-height:4rem;
  margin:.25rem 0 4rem 0;
  padding:1rem;
  color:#3f3f3f;
  border-radius: 1rem;
}

.card-body {font-size:1.1rem;}
.card-body h2 {font-size:2.5rem;}




.footer {
  background-color: #343a40;
  color: #cccccc;
  padding-top: 1.5rem;
}


.google-maps {
  position: relative;
  padding-bottom: 55%; // This is the aspect ratio
  height: 0;
  overflow: hidden;
}
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}











@media (min-width: 576px) {
    h1 { font-size: 1.75rem; }
    h2 { font-size: 1.25rem; }
    .nav-link { font-size:2rem;}
    .card-body {font-size:1rem;}
}
@media (min-width: 768px) {
    h1 { font-size: 2rem; }
    h2 { font-size: 1.5rem; }
    .nav-link { font-size:2rem;}
    .card-body {font-size:1rem;}
}
@media (min-width: 992px) {
    h1 { font-size: 2rem; }
    h2 { font-size: 1.75rem; }
    .nav-link { font-size:2rem;}
    .card-body {font-size:1rem;}
}
@media (min-width: 1200px) {
    h1 { font-size: 2.5rem; }
    h2 { font-size: 2rem; }
    .nav-link { font-size:2.25rem;}
    .card-body {font-size:.9rem;}
}