/* main color #0c497c */

/* Google Fonts */
/* 
  Font-Family: 'Oswald', Sans-Serif;
  Font-Size: 48px;
  Font-Family: 'Quattrocento', Serif;
  Font-Size: 16px; 
*/

/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
  padding-top: 3.5rem;
}

.header-text {
  font-family:  'Oswald', Sans-Serif;
}
a {
  color: #0c497c
}

.body-text {
  font-family: 'Quattrocento', Serif;
}

.dropdown-item {
  font-family: 'Quattrocento', Serif;
}
.nav-link {
  font-family:  'Oswald', Sans-Serif;
  text-transform: uppercase;
  font-weight: 100;
}

.jumbotron-bg {
  background-image: url("../assets/herringbone.png");
  background-repeat: repeat;
  /* background-size: cover;
  background-position: center bottom; */
}

.jumbotron-overlay {
  height: 100%;
  width: 100%;
  background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,2550.9))
}

.navbar {
  background-color: #0c497c;
}

.btn-primary {
  background-color: #0c497c;
  border-color: #0c497c;
}

.card-img-fixed {
  height: 200px;
  object-fit: cover;
}

.map-responsive {
  overflow:hidden;
  padding-bottom:90%;
  position:relative;
  height:0;
}
.map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.card { transition: all .2s ease-in-out; }
.card:hover { transform: scale(1.05); }

.service-img {
  /* height: 100%;
  width: 100%; */
  transition: opacity 0.5s ease;
  opacity: 0.75
}

.service-img:hover { 
  opacity: 1;
}

.material-icons-outlined.md-18 { font-size: 18px; }
.material-icons-outlined.md-24 { font-size: 24px; }
.material-icons-outlined.md-36 { font-size: 36px; }
.material-icons-outlined.md-48 { font-size: 48px; }