body {font-family: 'Open Sans', sans-serif;}
  
  h1, h2, h3, h4, h5, h6{
    font-family: 'Montserrat', sans-serif;
}

  h5 {
    padding-top: 2em;
  }

  h3 {font-size:larger;}
 

h3 {color: #187095;}

nav.bg-dark {background-color: #1178AD !important;}
nav.bg-dark  ul li a {font-size:larger; color:white !important;}

.jumbotron-blue {margin-top:0px; padding-top: 2em;}
.jumbotron-blue h1  {color: white;}
.jumbotron-blue a {color:white;}
.jumbotron-blue h3 {color:white;}
.jumbotron-blue{  background: #4B8EC9; color:white;}
.bluey {color: #187095;}

.smiles {max-width: 150px; }


main {padding-top: 4em;}

.padding-left {padding-left: 2em;}
.padding-right {padding-right: 2em;}

.bg-blue { background-color:#F1F6F8;}
section {padding-top: 5em; padding-bottom: 5em;}

.testy { 
  padding-top: 4em;
  padding-bottom: 4em;
  font-size: larger;
  font-style: italic;
  background: #4B8EC9; color:white;
  background-image: url('/imgs/quotes.png');
  background-repeat: no-repeat;
  background-position:20% 5%;
}


.card {box-shadow: 2px 10px 8px -6px grey;}

.card {
  position: relative;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

.card::before {
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 500ms;
}

.card:hover::before {
  opacity: 1;
}


@media (min-width: 992px) {
  h1 {font-size: 4em;}
.cardh {height: 200px;}

.cardp {height: 450px;}

.card1 {height: 230px;}
.card2 {height: 180px;}

.logo {padding-right:2em; float:left;}

}

@media (max-width: 767.98px) {
  h1 {font-size: 2em;}
  .logo {  display: block;
    margin-left: auto;
    margin-right: auto;}
}


.cardt {background-image: url(/imgs/card_bg.png);}

 .card {
  text-decoration: none;
  color:black;
}
   a:hover.card {text-decoration: none;}

 .rounded {border-radius:.75rem !important;}
 footer { margin-top:10em; padding:4em; background-color: #1178AD; color:white;}
 footer a {color: #fff;}