a {
  color: #336633;
}

a:focus, a:hover {
  text-decoration: none;
  color: #99cc33;
}

.adapterlist-h6 {
    margin-bottom: 0px;
}

body {
    background-color: white;
    color: black;
}

br {
    display: block; /* makes it have a width */
    content: ""; /* clears default height */
    margin-top: 15px; /* change this to whatever height you want it */
}

.btn-circle {
  font-size: 26px;
  width: 25px;
  height: 25px;
  margin-top: 0px;
  line-height: 45px;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  color: black;
  border: 2px solid black;
  border-radius: 100% !important;
  background: transparent;
}

.btn-circle:focus, .btn-circle:hover {
  color: green;
  outline: none;
  background: rgba(255, 255, 255, 0.1);
}

.btn-default {
  color: #336633;
  border: 1px solid #336633;
  background-color: transparent;
}

.btn-default:focus, .btn-default:hover {
  color: white;
  border: 1px solid #336633;
  outline: none;
  background-color: #336633;
}

.contact-p {
    text-align: center;
    line-height: 15px;
}

.contact-h2, .contact-h3, .contact-h4 {
    text-align: center;
}

.content-section {
  padding-top: 50px;
  padding-bottom: 50px;
}

hr {
   display: block;
   position: relative;
   padding: 0;
   margin: 8px auto;
   height: 0;
   width: 100%;
   max-height: 0;
   font-size: 1px;
   line-height: 0;
   clear: both;
   border: none;
   border-top: 1px solid #aaaaaa;
   border-bottom: 1px solid #ffffff;
}

.intro-h1 {
    font-size: 1.5rem;
}

.intro-h2 {
    font-size: 1.25rem;
}

@media (min-width: 768px) {

    .intro-h1 {
        font-size: 2.5rem;
    }

    .intro-h2 {
        font-size: 2rem;
    }
}

#Nav {
    background-image: linear-gradient(90deg, #8bc63f, #025124);
}

.masthead {
    color: black;
    background-color: white;
    padding-top: 100px;
    padding-bottom: 25px
}

.masthead .intro-body .brand-heading {
    font-size: 20px;
}

.masthead .intro-body .intro-text {
    font-size: 12px;
}

p {
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 25px;
  text-align: left;
}

.row {
    margin-left: -5px;
    margin-right: -5px;
}

.img-responsive {
    max-width: 100%;
    height: auto;
}

.index-section {
    width: 100%;
    padding: 30px 0;
    color: #000;
    background-color: #cccccc;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.index-p {
    text-align: center;
}

.grey-section {
    width: 100%;
    padding: 50px 0;
    color: #000;
    background-color: #cccccc;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.intro-ul {
    display: inline-block;
    font-family: 'Cabin', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    margin: 0 0 35px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align:left;
    font-size: 1.5rem;
}

ul {
    display: inline-block;
    font-family: 'Cabin', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    margin: 0 0 35px;
    letter-spacing: 1px;
    text-align:left;
}

@media (min-width: 992px) {

    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    #mainNav {
        padding-top: 10px;
        padding-bottom: 10px;
        background-image: linear-gradient(90deg, #8bc63f, #025124);
    }
    #mainNav.navbar-shrink {
        padding-top: 5px;
        padding-bottom: 5px;
        background-image: linear-gradient(90deg, #8bc63f, #025124);
    }
}

@media (min-width: 768px) {
  p {
    font-size: 18px;
    line-height: 1.6;
    margin: 0 0 35px;
    text-align: left;
  }
}

@media (min-width: 768px) {
    .masthead {
        height: auto;
        padding-top: 100px;
        }
        .masthead .intro-body .brand-heading {
            font-size: 40px;
        }
        .masthead .intro-body .intro-text {
            text-align: left;
            font-size: 18px;
            line-height: 1.4;
        }
}