html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.container {
  max-width: 960px;
}

.sub-header {
  max-width: 700px;
}

.bg-black {
  background-color: black !important;
}

.white, .white:hover {
  color: white;
}

.title-text {
  vertical-align: middle;
  font-size: 1.5em;
  font-variant: small-caps;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

footer.no-margin {
  margin-bottom: 0em !important;
  margin-top: 2em !important;
  padding: 2rem !important;
  background-color: #f0f0f0;
}

.bg-header-image-1 {
  background-image: url('../img/header-bg-1.jpg');
  background-size: cover;
}

.menu-container {
  margin-bottom: 0px !important;
}

.card-deck .card {
  min-width: 220px;
}

#logo {
  height: 50px;
  margin-right: 15px;
}

.banner {
  margin-left: 30px;
}

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}

#headerCarousel {
  height: 500px;
}

.first-row {
  margin-top: 40px;
}