@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700;800&display=swap");
body {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.05rem;
  font-weight: 400;
}

#philanth-container p a {
  color: #fff;
  text-decoration: underline;
}

#philanth-container p a:hover {
  color: #fff;
}

.btn-rural {
  color: #fff !important;
  background: #5C6B36;
  padding: 0.5rem 1rem;
  font-weight: 700;
  border-radius: 0.8rem;
  text-decoration: none;
  border: 1px solid #5C6B36;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn-rural:hover {
  background: #fff;
  color: #5C6B36  !important;
  text-decoration: none;
}

.btn-rural.flip {
  color: #5C6B36 !important;
  background: #fff;
  border: 1px solid #fff;
}

.btn-rural.flip:hover {
  background: #5C6B36;
  color: #fff !important;
  text-decoration: none;
}

.btn-rural.form-btn {
  background: #8DC63F;
  border: 1px solid #8DC63F;
  text-transform: uppercase;
}

.btn-rural.form-btn:hover {
  background: #fff;
  color: #8DC63F;
  text-decoration: none;
}

#philanth-container h2 {
  font-size: 3vw;
  font-weight: 700;
}

#philanth-container h2 span {
  font-weight: 400;
}

#philanth-container section {
  padding: 4rem 0 3rem;
}

#ourwork {
  color: #333;
}

#ourwork img {
  border-radius: 7rem;
}

#ourwork p span {
  font-weight: 700;
}

#green {
  color: #fff;
  background: #4F5F2A;
}

#green h2 {
  text-align: center;
}

#green h2 span {
  font-weight: 400;
}

#difference {
  background: url(../rural-aid-main/ra_img/diff-bg.png) no-repeat center center #c4c4c4;
  background-size: cover;
  background-attachment: fixed;
  color: #333;
  padding: 5rem 0;
}

#difference .diffs {
  background: #fff;
  border-radius: 4rem;
  text-align: left;
  padding: 1rem;
  color: #000;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
}

#difference .diffs span {
  font-size: 16px;
}

#difference .diffs p {
  font-size: 24px;
  line-height: 24px;
  font-weight: 800;
  margin: 0;
}

#difference .diffs p span {
  font-weight: 400;
  font-size: 1.4rem;
}



#contact {
  background: #4F5F2A;
  color: #fff;
  text-align: center;
}

#contact h3 {
  font-size: 3.5vw;
  font-weight: 700;
  padding-top: 4rem;
}

#contact p a {
  font-size: 1.2rem;
}

#contact p a i {
  text-decoration: none;
}

#contact #homeContactInfo {
  background: #fff;
  border-radius: 1rem;
  padding: 2rem 3rem;
  margin: 3rem 0;
  color: #000;
  text-align: left;
}

#contact #homeContactInfo p {
  font-weight: 700;
  font-size: 1.5rem;
}

#contact #homeContactInfo ul {
  margin: 1rem 0;
}

#contact #homeContactInfo ul li {
  padding: 0.5rem 0;
}

#contact #contactForm {
  background: rgba(255, 255, 255, 0.2);
  padding: 2rem 3rem;
  margin: 2rem 0;
  border-radius: 1rem;
  border: 1px solid;
}

#contact #contactForm p {
  margin-bottom: 0;
}

#contact #contactForm span {
  font-size: 0.7rem;
  line-height: 1.1rem;
  display: block;
  margin: 0;
}

#contact #contactForm span a {
  font-size: 0.7rem;
  color: #fff;
  text-decoration: underline;
}

#contact #contactForm ul {
  padding: 0;
}

#contact #contactForm ul li {
  padding: 0;
}

#contact #contactForm ul li label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 500;
}

#contact #contactForm input {
  border-radius: 0.8rem;
  margin: 0 auto 1rem;
  display: block;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
}

#contact #contactForm input:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

#contact #contactForm input#input_1_3 {
  width: 33.33% !important;
  margin: auto;
}

#contact #contactForm input.gform_button {
  background: #8DC63F;
  border: 1px solid #8DC63F;
  text-transform: uppercase;
  width: auto;
  margin: 0 auto;
  color: #fff;
  padding: 0.5rem 1rem;
  font-weight: 700;
  border-radius: 0.8rem;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#contact #contactForm input.gform_button:hover {
  background: #fff;
  color: #8DC63F;
  text-decoration: none;
}

@media screen and (min-width: 1921px) {
  #philanth-container h2 {
    font-size: 4.6rem;
  }
  #contact h3 {
    font-size: 3.5rem;
  }
}

@media screen and (max-width: 1920px) and (min-width: 1699px) {
  #philanth-container h2 {
    font-size: 2.5vw;
  }
  #contact h3 {
    font-size: 3.1vw;
  }
}

@media screen and (max-width: 1199px) {
  
  #green img{
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
  #difference .diffs img {
    width: 100%;
  }
  #difference .diffs p {
    font-size: 2vw;
  }
  #contact #homeContactInfo {
    padding: 1rem;
  }
  #contact h3 {
    font-size: 4.5vw;
  }
  #contact #contactForm {
    padding: 2rem 1rem;
  }
}

@media screen and (max-width: 767px) {
  #difference .diffs img {
    width: auto;
  }
  #difference .diffs span {
    font-size: 3vw;
  }
  #difference .diffs p {
    font-size: 3vw;
    line-height: 4vw;
  }
}

@media screen and (max-width: 667px) {
  #philanth-container h2 {
    font-size: 10vw;
  } 
  #green #map-slides {
    height: 50vh;
    background-size: contain;
  }
  #difference .diffs {
    margin-left: 0;
    text-align: center;
  }
  #difference .diffs p {
    font-size: 4.8vw;
    line-height: 6vw;
  }
  #difference .diffs span {
    font-size: 4vw;
  }
  #contact h3 {
    font-size: 8.5vw;
  }
}