@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700");
body {
  font-family: "Montserrat", sans-serif; }
  body ul, body li, body p {
    font-weight: 300;
    font-size: 13pt; }

a {
  color: #666666;

}
  a:hover {
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    transition: color 1s ease;
    color: black;
    text-decoration: none; }

h1 {
  font-size: 30px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-weight: 400; }

h5 {
  font-weight: 400;
  font-size: 13px;
  text-transform: uppercase; }

.accent {
  color: #9AB8C3; }

.head {
    height: 450px;
    background-size: cover;
    background-repeat: no-repeat;
}
  .head h1 {
    text-align: right;
    padding-top: 250px;
    padding-right: 80px;
    color: white;
    font-size: 20pt; }
.carousel-caption {
    width: 100%;
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.75));
    padding: 50px !important;
    left: 0;
    right: 0;
    bottom: 0;
}
.carousel-caption h1, .carousel-caption p {
    margin-bottom: 0;
}
#about-head {
    /*background-image: url("../images/headers/about-us.jpeg");*/
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url('../images/headers/about-us.jpg');
    background-position: center;
}

#services-head {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/headers/services.jpg");
    background-position: center center;
}

#ed-head {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/headers/ed.png");
    background-position: center center;
}

#involved-head {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/headers/involved.jpg");
    background-position: center center;
}

#apply-head {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/headers/apply.jpg");
    background-position-x: center;
    background-position-y: 33%;
}

#contact-head {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/headers/contact.jpg");
    background-size: cover;
    background-position: center 24%;
}

.main-content {
  padding: 50px 15px; }
  .main-content h4 {
    color: #666666;
    font-size: 15pt;
    font-weight: 400;
    line-height: 1.5em; }
  .main-content h3 {
    color: black;
    font-size: 15pt;
    font-weight: 400;
    line-height: 1.5em;
    border-bottom: #ccc 1px solid;
    padding-bottom: 10px;
    margin-bottom: 10px; }
  .main-content h1 {
    color: #9CAB8E; }
  .main-content small {
    text-transform: uppercase;
    font-weight: 500; }

.socials a{
    font-size: 1.6em;
}

.fa-stack{
    width:1.8em !important;
    height: 2.17em !important;
}

.fa-stack-2x {
    font-size: 2.02em !important;
}
.fa-stack-1x {
    font-size: 1.01em !important;
}

.green-section {
    background: #9CAB8E;
    padding: 50px 15px;
    text-align: center;
}
  .green-section p {
    color: #fff; }
  .green-section h5 {
    color: #333333;
    font-weight: 400;
    font-size: 16px; }
  .green-section h2 {
    font-size: 25px;
    font-weight: 400;
    padding-top: 5px; }
  .green-section a {
    color: white; }
  .green-section a:hover {
    color: #c6ebf9; }
  @media (min-width: 768px) and (max-width: 991px) {
    .green-section .center {
      margin: 0 25%; } }


.gray-section {
  background: #484646;
  color: white;
  padding: 20px 15px;
  text-align: center; }
  .gray-section h4 {
    font-size: 13pt;
    font-weight: 400;
    padding-top: 5px; }

#work-together {
  background-image: url("../images/bg-worktogether.jpg");
  background-position: center;
  background-size: cover;

  padding: 80px 0;
  color: white; }
  #work-together .btn-primary {
    padding-right: 50px;
    padding-left: 50px;
    margin: 0 25px; }

#mission {
  padding: 80px 15px;
  background: #6f7a62;
  text-align: left;
  color: white; }
  #mission h2 {
    font-size: 15pt; }

#we-do img {
  width: 60%; }
@media (max-width: 767px) {
  #we-do img {
    width: 30%; } }
#we-do .row {
  text-align: center; }
#we-do h3 {
  border: 0; }

#history {
  background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), url("../images/history-bg.png");
 }
  #history h1 {
    color: black; }
  #history p {
    color: #666666; }


#team h2 {
  color: black;
  font-size: 15pt;
  font-weight: 400;
  line-height: 1.5em;
  border-bottom: #ccc 1px solid;
  padding-bottom: 5px;
  margin-bottom: 10px; }

#team h3 {
  border: 0;
  padding-bottom: 0;
  margin-bottom: 0; }


#team small {
  text-transform: uppercase;
  color: #999;
  font-weight: 500; }

#recycling {
  background: url("../images/recyc-bg.jpg");
  background-size: cover;
  background-position: center center;
  padding: 80px 15px; }
  #recycling h1, #recycling p {
    text-align: left; }
  #recycling h1 {
    color: white; }
  #recycling img {
    width: 50%; }
  #recycling small {
    text-transform: uppercase;
    font-weight: 500; }

#education h3 {
  color: #9CAB8E;
  text-transform: uppercase;
  border: 0; }

.bio-image{
    width: 100%;
}

.bio-container {
    position: relative;
    text-align: center;
}

.learn-more {
    position: absolute;
    top: 83%;
    left: 50%;
    transform: translate(-50%, 0%);
}

#info {
    background-color: #fafafa;
    border-bottom: #e8e8e8 1px solid;
    padding-top: 20px;
}

#footer {
  background: #292929;
  color: white;
  padding-top: 50px;
  padding-bottom: 20px; }
  #footer h5 {
    color: #ccc;
    padding-bottom: 20px; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
#mobile-logo {
  display: none; }

.navbar {
  background: rgba(255, 255, 255, 0.9); }

.navbar-nav {
  right: 0;
  margin-top: 20px; }
  .navbar-nav a {
    font-family: "Montserrat", sans-serif;
    display: block;
    padding: .5em 1em;
    text-transform: uppercase;
    color: #555555;
    font-size: 10pt;
    text-align: center; }
    .navbar-nav a:hover {
      color: #6d828a;
      text-decoration: none;
      -webkit-transition: color 0.5s ease;
      -moz-transition: color 0.5s ease;
      transition: color 0.5s ease; }
    .navbar-nav a .fa {
      color:#6d828a;
    }
    .navbar-nav a .fa:hover {
      color: #6f7a62;
    }
  .navbar-nav li.dropdown a:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 8px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: ""; }
  .navbar-nav ul.dropdown-menu li a:after {
    display: none !important; }
  .navbar-nav .dropdown .dropdown-menu {
    margin-top: 0;
    border: 0;
    background: #738991;
    padding-top: 0;
    padding-bottom: 0; }
    .navbar-nav .dropdown .dropdown-menu a {
      display: block;
      width: 100%;
      padding: 12px 1.5rem;
      clear: both;
      text-align: inherit;
      white-space: nowrap;
      background: 0 0;
      border-top: 1px solid #8a9ba2;
      color: white;
      font-size: 9pt; }
      .navbar-nav .dropdown .dropdown-menu a:hover {
        background: #6d828a;
        -webkit-transition: background 0.6s ease;
        -moz-transition: background 0.6s ease;
        transition: background 0.6s ease; }
  .navbar-nav .dropdown:hover > .dropdown-menu {
    opacity: 1; }

@media (max-width: 992px) {
  .navbar {
    min-height: 95px;
    padding-bottom: 0; }
    .navbar .navbar-toggler {
      margin-top: 20px;
      margin-right: 10px; }
    .navbar .navbar-brand {
      margin-top: 6px; }

  .navbar-nav {
    margin-top: 0; } }
@media (max-width: 575px) {
  #mobile-logo {
    display: block; }

  #desk-logo {
    display: none; } }
@media (min-width: 992px) {
  @keyframes fadeOut {
    from {
      opacity: 0; }
    to {
      opacity: 1; } }
  .dropdown-menu {
    display: inline-block;
    margin-top: 0;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    transition: opacity 500ms; }

  .show-on-screen {
    left: 0; }

  .hide-off-screen {
    left: -9999px; } }
@media (max-width: 991px) {
  .navbar-nav .dropdown .dropdown-menu {
    display: block;
    background: transparent; }
    .navbar-nav .dropdown .dropdown-menu a {
      color: #6d828a;
      border-color: #ccc;
      text-align: center; }
      .navbar-nav .dropdown .dropdown-menu a:hover {
        background: transparent;
        color: #484646;
        -webkit-transition: color 1s ease;
        -moz-transition: color 1s ease;
        transition: color 1s ease;
        font-weight: 500; } }

.btn{
    cursor: pointer;
}
.btn-primary {
  background: #738991;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 300;
  color: white;
  letter-spacing: 1px;
  border: 0;
  padding: 7px 18px; }
  .btn-primary:hover {
    background: #6d828a; }

.btn-secondary {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 400;
    color: black;
    letter-spacing: 1px;
    background: white;
    border-color: #ccc;
}
    .btn-secondary:hover {
        color: black;
        background: white;
    }

.carousel-item {
  height: 100vh;
  background-size: cover;
  background-position: center;
}
  @media (max-width: 559px) {
    .carousel-item {
      background-attachment: scroll; } }

.form-control:focus {
  border-color: #9CAB8E; }

.form-control {
  font-family: "Montserrat", sans-serif;
  color: #000;
  font-weight: 300; }

.form-check-label {
  font-weight: 300; }

#serve {
    text-align: left;
    color: white;

}

.circle {
    border-radius: 50%;
    min-width: 6.328em;
    min-height: 6.328em;
}

.green-section small {
  color: white;
}

.handle {
    display: flex;
    align-items: center;
}
/*# sourceMappingURL=styles.css.map */