@charset "UTF-8";

.about-container {
  padding: 20px 0px 30px 0px;
}

.badge {
  background-color: #fdee33;
  border-radius: 3px;
  color: #005d48;
  /* display: inline-block; */
  display: block;
  max-width: fit-content;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 10px;
  min-width: 10px;
  padding: 3px 7px;
  text-align: center;
  text-transform:uppercase;
  vertical-align: middle;
  white-space: nowrap;
}

body {
  background-color: #E8E7E2;
}

.header-banner {
    text-align: center;
    padding: 10px 10px;
    background-color: #fdee33;
}

.btn-info {
  background-color: #1a6600;
  border-color: #fdee33;
  color: #fff;
}

.btn-info:focus,
.btn-info.focus {
  background-color: #33cc00;
  border-color: #fdee33;
  color: #fff;
}

.btn-info:hover {
  background-color: #33cc00;
  border-color: #fdee33;
  color: #fff;
}

.btn-info:active:focus,.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  background-color: #0d3300;
  border-color: #fdee33;
  color: #fff;
}

.container {
  padding: 0px 0px 0px 0px;
}

.footer {
  background-color: #000;
  color: #fff;
  padding: 10px;
  width: 100%;
}

.footer h4 {
  color: #33cc00;
}

.footer a {
  color: #fdee33;
}

h1,.h1 {font-size: 24px;}
h2,.h2 {font-size: 30px;}
h3,.h3 {font-size: 24px;}
h4,.h4 {font-size: 18px;}
h5,.h5 {font-size: 14px;}
h6,.h6 {font-size: 12px;}

h1, h2, h3, h4, h5 {
  font-weight: bold;
  font-family:"Arial Black", "Avenir Next Heavy", "Gill Sans Bold", "Verdana Bold", "Arial Bold", "sans-serif";
  color: #005d48;
}

.header-container {
  background-color: #fff;
  height: 90px;
  opacity: .8;
  position: absolute;
  /* top: 0px; */
  top: 60px;
  width: 100%;
  z-index: 5;
}

.header-image {
  padding: 0px;
  top: 0px;
}

.header-image img {
  height: 90px;
}

.header-address {
  padding-top: 5px;
  text-align: right;
}

.jumbotron {
  background: url('../images/jumbotron.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  /* height: 300px; */
  height: 360px;
  margin-bottom: 0px;
}

.map {
  width: 100%;
}

.options-container {
  background-color: #fff;
  padding: 20px;
}

.options-container img {
  padding: 5%;
  width: 90%;
}

strong {
  color: #005d48;
  font-family:"Arial Black", "Avenir Next Heavy", "Gill Sans Bold", "Verdana Bold", "Arial Bold";
  font-weight: bold;
}


@media only screen and (max-width: 768px) {
  .address {
    text-align: center;
  }
  
  .about-container {
    padding: 150px 25px 0px 25px;
  }
  
  .footer {
    text-align: center;
  }
  
  .header-container {
    opacity: 1;
    top: 80px;
  }

  .header-address {
    background-color: #fff;
    padding: 5px 0px 10px 0px;
    text-align: center;
  }

  .header-image {
    width: 95%;
    margin: auto;
    opacity: 1;
    padding: 0px 2.5% 0px 2.5%;
    text-align: center;
  }

  .jumbotron {
    background: none;
    height: 0px;
  }
  
  .map {
    padding-top: 20px;
    text-align: center;
    width: 100%;
  }
  
  .options-container img {
    padding: 2.5%;
    width: 95%;
  }
  
  .unit-container {
    padding: 0px 25px 0px 25px;
  }
  
  .unit-text {
    text-align: center;
  }

  .unit-text h5 {
    text-align: left;
  }
  
  .unit-text li {
    text-align: left;
  }
}