body {
  overflow-x: hidden;
  image-rendering: -moz-crisp-edges; /* Firefox */
  image-rendering: -o-crisp-edges; /* Opera */
  image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
  margin: 0;
}

a {
  text-decoration: none;
}

/*QPoint*/
.QPoint {
  position: absolute;
  top: 30%;
  left: 80%;
  z-index: 1000;
}

@media screen and (max-width: 1050px) {
  .QPoint {
    left: 50%;
    top: 70%;
  }
}

/*HOMEPAGE*/
/*Landing Header*/
.Landing {
  width: 100vw;
  height: auto;
}

.LandingPhoto {
  width: 100%;
  height: auto;
}

.Logo {
  position: absolute;
  top: 0;
  left: 0;
  padding: 2em;
  z-index: 100;
  width: 10%;
}

.LandingText {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #F2F4F4;
  position: absolute;
  left: 10vw;
}

.LandingTextResponsive {
  top: 20%;
  font-size: 3em;
}

@media screen and (max-width: 800px) {
  .LandingTextResponsive {
    top: 10vh;
    font-size: 2em;
  }
}

@media screen and (max-width: 725px) {
  .LandingTextResponsive {
    top: 15vh;
    font-size: 2em;
  }
}

@media screen and (max-width: 500px) {
  .LandingTextResponsive {
    top: 10vh;
    font-size: 1.5em;
  }
}

@media screen and (max-width: 350px) {
  .LandingTextResponsive {
    top: 10vh;
    font-size: 1em;
  }
}

/*Gallery*/
.Gallery {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-top: 5%;
  padding-bottom: 5%;
}

.GalleryTitle {
  margin: 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #364c4c;
  width: 60%;
}

.GalleryTitleResponsive {
  font-size: 4em;
  line-height: 1em;
}

@media screen and (max-width: 500px) {
  .GalleryTitleResponsive {
    font-size: 2em;
    line-height: 1em;
  }
}

.GalleryText {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #364c4c;
  font-size: 16px;
  padding-left: 5%;
  padding-right: 5%;
}

.GalleryButton {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: white;
  font-size: 18px;
  padding-left: 5%;
  padding-right: 5%;
  margin-bottom: 20px;
  line-height: 30px;
  border: none;
  background-color: #d19b52;
}

/*ThreeFold*/
.ThreeFold {
  padding-bottom: 5%;
  background-color: #364c4c;
  text-align: center;
}

.TitleGroup {
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 1%;
}

.ThreeFoldTitle {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #F2F4F4;
  font-size: 3em;
}

.ThreeFoldTitleResponsive {
  font-size: 3em;
}

.ThreeTenets {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-content: center;
  padding-left: 15%;
  padding-right: 15%;
}

.ThreeTenetResponsive {
  flex-direction: row;
}

.Tenet {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-content: center;
  text-align: center;
  padding-left: 1.5%;
  padding-right: 1.5%;
}

.TenetResponsive {
  width: 30%;
}

.TenetIcon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  height: auto;
}

.TenetTitle {
  font-family: 'Caveat', cursive;
  color: #F2F4F4;
  font-weight: 800;
  margin: 0;
}

.TenetTitleResponsive {
  padding-bottom: 15px;
  font-size: 4em;
}

.TenetText {
  font-family: 'Montserrat', sans-serif;
  color: #F2F4F4;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  weight: 80%;
}

@media screen and (max-width: 1000px) {
  .ThreeFold {
    max-height: 200vh;
    background-color: #364c4c;
    text-align: center;
  }
  .ThreeFoldTitleResponsive {
    font-size: 1.5em;
  }
  .ThreeTenetResponsive {
    flex-direction: column;
  }
  .TenetResponsive {
    width: 100%;
  }
  .TenetTitleResponsive {
    padding: 0;
    font-size: 2em;
  }
}

/*Tech Section*/
.Tech {
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 5%;
  padding-bottom: 5%;
}

.TechTagline {
  font-family: 'Caveat', cursive;
  color: #364c4c;
  font-weight: 700;
  margin: 0;
}

.TechTaglineResponsive {
  font-size: 3em;
  line-height: 1em;
}

.TechTitle {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #364c4c;
  margin: 0;
  padding-top: 2%;
}

.TechTitleResponsive {
  font-size: 5.5em;
  line-height: 1.1em;
}

@media screen and (max-width: 1300px) {
  .TechTitleResponsive {
    font-size: 4em;
    line-height: 1em;
  }
  .TechTaglineResponsive {
    font-size: 2em;
    line-height: 1em;
  }
}

@media screen and (max-width: 1000px) {
  .TechTitleResponsive {
    font-size: 3em;
    line-height: 1em;
  }
  .TechTaglineResponsive {
    font-size: 1.5em;
    line-height: 1em;
  }
}

@media screen and (max-width: 400px) {
  .TechTitleResponsive {
    font-size: 2em;
    line-height: 1em;
  }
}

.TechDescription {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #364c4c;
  font-size: 16px;
  line-height: 30px;
  display: flex;
  flex-grow: 1;
}

.TechDescriptionResponsive {
  flex-direction: row;
}

@media screen and (max-width: 1000px) {
  .TechDescriptionResponsive {
    flex-direction: column;
  }
}

.TechText1 {
  padding-right: 5px;
}

.TechText2 {
  padding-left: 5px;
}

.TechRight {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* Learn More-- used in other sections too*/
.LearnMore {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  z-index: 200;
}

.Arrow {
  border: solid #a76928;
  border-width: 0 5px 5px 0;
  display: inline-block;
  padding: 5px;
  margin: 10px;
}

.Right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.LearnMore {
  transition: 0.3s;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  color: #F2F4F4;
}

.LearnMore:hover {
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
}

.LearnMoreText {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  padding-left: 5px;
  padding-top: 5px;
  transition: 0.3s;
}

.LearnMore:hover {
  color: #a76928;
}

/*Fundraising Section*/
.Funds {
  display: flex;
  flex-grow: 1;
}

.FundsResponsive {
  flex-direction: row;
}

.Cross {
  width: 50%;
  height: 80vh;
  object-fit: cover;
}

.FundsRight {
  background-color: #7f9691;
  width: 50%;
  height: 80vh;
}

.FundsCont {
  padding: 10%;
}

.FundsTitle {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 2.5em;
  line-height: 1em;
  color: #364c4c;
}

.FundsDesc {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #364c4c;
}

.Fundraise {
  padding: 10%;
}

.Bars {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  justify-content: center;
  align-content: center;
}

.Raised {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #F2F4F4;
}

.Unraised {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #F2F4F4;
  text-align: right;
}

.Filled {
  border: 3px solid #d19b52;
  width: 10%;
}

.Unfilled {
  border: 3px solid #F2F4F4;
  width: 90%;
}

@media screen and (max-width: 1050px) {
  .FundsResponsive {
    flex-direction: column;
  }
  .Cross {
    width: 100%;
  }
  .FundsRight {
    height: 50%;
    width: 100%;
  }
}

.QuotePerson {
  border-radius: 50px;
  height: 80px;
  width: 80px;
  padding-bottom: 10px;
  object-fit: cover;
}

.QuoteCont {
  padding: 10%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.Difference {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #F2F4F4;
  text-align: center;
  margin: 0;
  padding-bottom: 5%;
}

.DifferenceResponsive {
  font-size: 3em;
  line-height: 1em;
}

@media screen and (max-width: 800px) {
  .DifferenceResponsive {
    font-size: 2em;
    line-height: 1em;
  }
}

.QuoteHome {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #F2F4F4;
  text-align: center;
}

.Center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: auto;
  height: 80vh;
}

.MySlide {
  display: none;
}

.Prev, .Next {
  z-index: 1;
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: #F2F4F4;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  user-select: none;
}

.Next {
  right: 0;
  border-radius: 0px;
  background-color: #364c4c;
}

.Prev {
  left: 0;
  border-radius: 0px;
  background-color: #d19b52;
}

.dot {
  position: relative;
  z-index: 1;
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

.PhotoCont {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/*Innovation Section*/
.Innovation {
  background-color: #364c4c;
}

.InnovTagline {
  font-family: 'Caveat', cursive;
  color: #F2F4F4;
  font-weight: 700;
  margin: 0;
}

.InnovTaglineResponsive {
  font-size: 3em;
  line-height: 1em;
}

.InnovTitle {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #F2F4F4;
  margin: 0;
  padding-top: 2%;
}

.InnovTitleResponsive {
  font-size: 5.5em;
  line-height: 1.1em;
}

@media screen and (max-width: 1300px) {
  .InnovTitleResponsive {
    font-size: 4em;
    line-height: 1em;
  }
  .InnovTaglineResponsive {
    font-size: 2em;
    line-height: 1em;
  }
}

@media screen and (max-width: 1000px) {
  .InnovTitleResponsive {
    font-size: 3em;
    line-height: 1em;
  }
  .InnovTaglineResponsive {
    font-size: 1.5em;
    line-height: 1em;
  }
}

@media screen and (max-width: 400px) {
  .InnovTitleResponsive {
    font-size: 2em;
    line-height: 1em;
  }
}

.InnovDescription {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #F2F4F4;
  font-size: 16px;
  line-height: 30px;
  display: flex;
  flex-grow: 1;
}

.InnovDescriptionResponsive {
  flex-direction: row;
}

@media screen and (max-width: 1000px) {
  .InnovDescriptionResponsive {
    flex-direction: column;
  }
}

.InnovWrapper {
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 5%;
  padding-bottom: 5%;
}

/*Collab Section*/
.Collab {
  min-height: 60vh;
  max-height: 100vh;
}

.CollabTagline {
  font-family: 'Caveat', cursive;
  color: #364c4c;
  font-weight: 700;
  margin: 0;
}

.CollabTaglineResponsive {
  font-size: 3em;
  line-height: 1em;
}

.CollabTitle {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #364c4c;
  margin: 0;
  padding-top: 2%;
}

.CollabTitleResponsive {
  font-size: 3em;
  line-height: 1.1em;
}

@media screen and (max-width: 1300px) {
  .CollabTitleResponsive {
    font-size: 2.5em;
    line-height: 1em;
  }
  .CollabTaglineResponsive {
    font-size: 2em;
    line-height: 1em;
  }
}

@media screen and (max-width: 1000px) {
  .Collab {
    height: 120vh;
  }
  .CollabTitleResponsive {
    font-size: 2em;
    line-height: 1em;
  }
  .CollabTaglineResponsive {
    font-size: 1.5em;
    line-height: 1em;
  }
}

@media screen and (max-width: 600px) {
  .CollabTitleResponsive {
    font-size: 1.5em;
    line-height: 1em;
  }
  .CollabTaglineResponsive {
    font-size: 1em;
    line-height: 1em;
  }
}

@media screen and (max-width: 500px) {
  .CollabTitleResponsive {
    font-size: 1em;
    line-height: 1em;
  }
  .CollabTaglineResponsive {
    font-size: 1em;
    line-height: 1em;
  }
}

.CollabWrapper {
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 5%;
  padding-bottom: 5%;
}

.Buttons {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
}

.ButtonsResponsive {
  flex-direction: row;
}

.ButtonGrp {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
  align-items: left;
  width: 33%;
}

.ButtonHeader {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #d19b52;
  font-size: 25px;
  line-height: 25px;
}

.DonateWrapper {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 800px) {
  .ButtonsResponsive {
    flex-direction: column;
  }

  .DonateWrapper {
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.GreenButton {
  background-color: #364c4c;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #F2F4F4;
  font-size: 18px;
  line-height: 25px;
  border-style: 2px solid;
  border-color: #d19b52;
  padding: 10px;
  width: 40%;
}

@media screen and (max-width: 800px) {
  .GreenButton {
    width: 60%;
  }
  .ButtonGrp {
    width: 100%;
  }
}

@media screen and (max-width: 500px) {
  .GreenButton {
    width: 80%;
  }
}

.DonateAmt {
  width: 40%;
  padding: 5px;
  line-height: 25px;
  border-color: #364c4c;
  margin: 5px;
}

/*Bottom Footer Section*/
.Bottom {
  max-height: 70vh;
  background-color: #364c4c;
}

.BottomWrapper {
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 5%;
  padding-bottom: 5%;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.BottomTagline {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #F2F4F4;
  margin: 0;
}

.BottomTaglineResponsive {
  font-size: 3em;
  line-height: 1em;
}

.BottomTitle {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #F2F4F4;
  margin: 0;
  padding-top: 2%;
}

.BottomTitleResponsive {
  font-size: 3em;
  line-height: 1.1em;
}

@media screen and (max-width: 1300px) {
  .BottomTitleResponsive {
    font-size: 2.5em;
    line-height: 1em;
  }
  .BottomTaglineResponsive {
    font-size: 2em;
    line-height: 1em;
  }
}

@media screen and (max-width: 1000px) {
  .BottomTitleResponsive {
    font-size: 2em;
    line-height: 1em;
  }
  .BottomTaglineResponsive {
    font-size: 1.5em;
    line-height: 1em;
  }
}

@media screen and (max-width: 400px) {
  .BottomTitleResponsive {
    font-size: 1.5em;
    line-height: 1em;
  }
}

.BottomDesc {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #F2F4F4;
  font-size: 16px;
  line-height: 30px;
  display: flex;
  flex-grow: 1;
  padding: 10px;
}

.ShareTest {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #F2F4F4;
  font-size: 16px;
  line-height: 30px;
  background-color: #d19b52;
  border: none;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.FooterLine {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #F2F4F4;
  font-size: 16px;
  line-height: 30px;
  margin: 15px;
}

.Nav {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
}

.NavResponsive {
  flex-direction: row;
}

.Nav h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #F2F4F4;
  font-size: 16px;
  line-height: 30px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  margin: 0;
}

.Nav h6:hover {
  color: #d19b52;
}

.Nav p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #F2F4F4;
  font-size: 16px;
  line-height: 30px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  margin: 0;
}

.Credits {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  padding-top: 15px;
}

.Credits h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: white;
  font-size: 16px;
  line-height: 30px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0;
}

.Credits h6:hover {
  color: #d19b52;
}

.Credits2 {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  padding-top: 15px;
}

.Credits2 h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #364c4c;
  font-size: 16px;
  line-height: 30px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0;
}

.Credits2 h6:hover {
  color: #d19b52;
}

/*CONTACT US PAGE*/
/*form section*/
.Contact {
  width: 100%;
  max-height: 95vh;
  background-color: white;
}

.TitleWrapper h1 {
  font-family: 'Londrina Outline', cursive;
  color: #7f9691;
  font-size: 100px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

.TitleWrapper {
  position: absolute;
  left: auto;
  top: auto;
  right: -10em;
  bottom: 500px;
  z-index: 10;
  -webkit-box-end: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: end;
  text-align: center;
}

.Rotate {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform:rotate(-90deg);
}

@media screen and (max-height: 800px) {
  .TitleWrapper h1 {
    font-family: 'Londrina Outline', cursive;
    color: #7f9691;
    font-size: 60px;
    margin: 0;
    font-weight: 400;
    padding: 0;
  }

  .TitleWrapper {
    position: absolute;
    left: auto;
    top: auto;
    right: -6em;
    bottom: 175px;
    z-index: 10;
    -webkit-box-end: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: end;
    text-align: center;
  }
}

.ContactForm {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  width: 60%;
  top: 20%;
  padding: 10%;
}

.ContactForm input {
  width: 97%;
  background-color: #7F969125;
  height: 50px;
  border: none;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 2%;
  padding-left: 1.5%;
  padding-right: 1.5%;
  color: #979797;
}

.ContactForm textarea {
  width: 97%;
  background-color: #7F969125;
  height: 70px;
  border: none;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 2%;
  padding: 1.5%;
  color: #979797;
}

.Flex {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
}

.Flex input {
  width: 48%;
}

.LeftInput {
  margin-right: 1%;
}

.RightInput {
  margin-left: 1%;
}

.ContactForm Button {
  background-color: #d19b52;
  border: none;
  color: white;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 18px;
  height: 60px;
  width: 30%;
}

@media screen and (max-width: 800px) {
  .ContactForm input {
    margin-bottom: 3%;
  }

  .ContactForm textarea {
    margin-bottom: 3%;
  }

  .Flex {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
  }

  .Flex input {
    width: 97%;
  }

  .LeftInput {
    margin-right: 0%;
  }

  .RightInput {
    margin-left: 0%;
  }

  .ContactForm Button {
    background-color: #d19b52;
    border: none;
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 18px;
    height: 60px;
    width: 50%;
  }
}

.Map {
  height: 60vh;
  background-color: #e8c197;
}

.ContactUsFooter {
  background-color: #364c4c;
}

.ContactFooterWrapper {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  text-align: center;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 5%;
  padding-bottom: 5%;
  justify-content: center;
  align-items: center;
}

.ContactFooterWrapper h1, h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: white;
  font-size: 5.5em;
  margin: 0;
}

@media screen and (max-width: 1300px) {
  .ContactFooterWrapper h1 {
    font-size: 2em;
  }
  .ContactFooterWrapper h2 {
    font-size: 2.5em;
    margin: 0;
  }
}

@media screen and (max-width: 1000px) {
  .ContactFooterWrapper h1 {
    font-size: 1.5em;
  }
  .ContactFooterWrapper h2 {
    font-size: 2em;
  }
}

@media screen and (max-width: 400px) {
  .ContactFooterWrapper h1 {
    font-size: 1.5em;
  }
  .ContactFooterWrapper h2 {
    font-size: 1.5em;
  }
}

.Planet {
  padding-top: 1%;
  padding-bottom: 1%;
  height: auto;
  width: 60px;
}

.Nav2 {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  margin-top: 10vh;
}

.Nav2 h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: white;
  font-size: 16px;
  line-height: 30px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  margin: 0;
  z-index: 100;
}

.Nav2 h6:hover {
  color: #d19b52;
}

.TitleWrapper2 h1 {
  font-family: 'Londrina Outline', cursive;
  color: #7f9691;
  font-size: 180px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

.TitleWrapper2 {
  position: absolute;
  left: auto;
  top: auto;
  right: -4em;
  top: 550%;
  z-index: 100;
  -webkit-box-end: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: end;
  text-align: center;
}

@media screen and (max-width: 1050px) {
  .TitleWrapper2 {
    display: none;
  }
}

.TitleWrapper3 h1 {
  font-family: 'Londrina Outline', cursive;
  color: #7f9691;
  font-size: 180px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

.TitleWrapper3 {
  position: absolute;
  left: auto;
  right: -4em;
  bottom: 10%;
  z-index: 100;
  -webkit-box-end: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: end;
  text-align: center;
}

@media screen and (max-width: 1050px) {
  .TitleWrapper3 {
    display: none;
  }
}

@media screen and (max-width: 1000px) {
  .Credits {
    flex-direction: column;
  }

  .Credits2 {
    flex-direction: column;
  }

  .NavResponsive {
    flex-direction: column;
  }
}

/*News Page*/ 
.NewsContent {
  height: 100vh;
  width: 100%;
  padding: 0;
  margin: 0;
}

.LogoBlack {
  position: absolute;
  top: 0;
  left: 0;
  padding: 2em;
  z-index: 100;
  width: 10%;
}

@media screen and (max-width: 1050px) {
  .LogoBlack {
    width: 12%;
  }
}

@media screen and (max-width: 500px) {
  .LogoBlack {
    width: 15%;
  }
}

 .WorldMap {
   position: absolute;
   z-index: -1;
   opacity: 0.15;
   width: 100%;
   height: auto;
   top: 10%;
 }

 .News {
   background-color: #f2f4f4;
   margin: 0;
 }

 .NewsTitle {
   font-family: 'Montserrat', sans-serif;
   font-weight: 800;
   color: #364c4c;
   margin-bottom: 1%;
   z-index: 1000;
 }

 .NewsTitleResponsive {
   font-size: 5.5em;
 }

 @media screen and (max-width: 1000px) {
   .NewsTitleResponsive {
     font-size: 4em;
   }
 }

 @media screen and (max-width: 700px) {
   .NewsTitleResponsive {
     font-size: 3.5em;
   }
 }

 @media screen and (max-width: 600px) {
   .NewsTitleResponsive {
     font-size: 3em;
   }
 }

 @media screen and (max-width: 500px) {
   .NewsTitleResponsive {
     font-size: 2.5em;
   }
 }

 @media screen and (max-width: 400px) {
   .NewsTitleResponsive {
     font-size: 2em;
   }
 }

 @media screen and (max-width: 300px) {
   .NewsTitleResponsive {
     font-size: 1.5em;
   }
 }

 .NewsPadding {
   padding-left: 5%;
   padding-right: 5%;
   padding-top: 4%;
   padding-bottom: 4%;
   z-index: 100;
   opacity: 1;
 }

.Line {
  border: 1px solid #d9d7d2;
}

.Blogs {
  height: 100%;
  width: 75%;
  display: flex;
  flex-grow: 1;
  flex-direction: row;
}

@media screen and (max-width: 1050px) {
  .Blogs {
    height: 100%;
    width: 80%;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
  }
}

.Grid-Column {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  max-width: 40%;
  padding: 20px;
}

.BlogPost {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  padding-top: 5%;
  padding-bottom: 5%;
}

.BlogPost h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #364c4c;
  font-size: 14px;
  margin: 0;
  padding-top: 20%;
  padding-bottom: 15px;
}

.BlogPost h5 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #364c4c;
  font-size: 1.5em;
  margin: 0;
}

.BlogInfo {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding: 15px;
  width: 50%;
}

.BlogImg {
  width: 15em;
  height: 15em;
  z-index: 3;
  opacity: 1;
}

@media screen and (max-width: 1050px) {
  .Grid-Column {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    max-width: 100%;
    padding: 20px;
    justify-content: center;
    align-items: center;
  }

  .BlogPost h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #364c4c;
    font-size: 14px;
    margin: 0;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .BlogPost {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    padding-top: 3%;
    padding-bottom: 3%;
  }

  .BlogInfo {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    width: 100%;
    padding: 0;
  }

  .BlogImg {
    width: 25em;
    height: 25em;
  }
}

@media screen and (max-width: 500px) {
  .BlogImg {
    width: 15em;
    height: 15em;
  }
}

@media screen and (max-width: 300px) {
  .BlogImg {
    width: 10em;
    height: 10em;
  }
}

.NewsNav {
  width: 25%;
  background-color: #d9d7d230;
  display: flex;
  flex-direction: column;
  margin-top: 3%;
}

.NewsWrapper {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}

@media screen and (max-width: 1050px) {
  .NewsNav {
    width: 90%;
  }
  .NewsWrapper {
    flex-direction: column;
  }
}

.NewsNavBox {
  z-index: 1;
  background-color: #f2f4f4ff;
  min-height: 30%;
  border: 2px solid #364c4c;
  padding: 5%;
  margin: 5%;
}

.NewsNavBox h2 {
  font-family: 'Caveat', cursive;
  color: #364c4c;
  font-weight: 700;
  font-size: 3em;
  margin: 0;
  padding-top: 3%;
  padding-bottom: 3%;
}

.NewsNavBox h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #364c4c;
  font-size: 16px;
  padding-top: 3%;
  padding-bottom: 3%;
  margin: 0;
}

.NewsLink {
  z-index: 10;
}

.NewsLink:hover {
  text-decoration: underline;
  color: #d19b52;
}

.NewsLink h6:hover {
  color: #d19b52;
}

.NewsNavBox p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #d19b52;
  font-size: 14px;
  padding-top: 3%;
  padding-bottom: 3%;
  margin: 0;
}

.BoxWrapper {
  position: sticky;
  position: -webkit-sticky;
  top: 30%;
}

/*Donate Page*/

.DonationPage {
  background-color: white;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 5%;
  margin-bottom: 5%;
  min-height: 50vh;
}

.DonationWrapper {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  position: absolute;
  top: 20%;
  padding: 5%;
  width: 50%;
}

.DonationTitle, .Team h1 {
  font-family: 'Caveat', cursive;
  font-weight: 700;
  color: #364c4c;
  font-size: 3em;
  margin: 0;
  padding-bottom: 2%;
}

.DonationDesc {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #364c4c;
  font-size: 3em;
  line-height: 2em;
}

.Team h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #364c4c;
  font-size: 3em;
  line-height: 2em;
}

@media screen and (max-width: 1050px) {
  .DonationWrapper {
    flex-direction: column;
    width: 90%;
    justify-content: center;
    align-items: center;
  }

  .DonationTitle, .Team h1 {
    font-size: 2em;
  }

  .DonationDesc {
    font-size: 2em;
  }

  .Team h2 {
    font-size: 2em;
    line-height: normal;
  }
}

@media screen and (max-width: 800px) {
  .DonationDesc {
    font-size: 1.5em;
  }
}

@media screen and (max-width: 600px) {
  .DonationDesc {
    font-size: 0.8em;
  }
}

.DonateSection {
  padding: 10%;
  min-width: 33%;
  text-align: center;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

@media screen and (max-width: 1050px) {
  .DonateSection {
    justify-content: center;
    align-items: center;
  }
}

.DonateSection h6 {
  font-family: 'Caveat', cursive;
  font-weight: 400;
  color: white;
  font-size: 28px;
  margin: 0;
  padding-bottom: 15px;
}

.DonateSection h5 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: white;
  background-color: #d19b52;
  line-height: 50px;
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 15px;
  padding-left: 10%;
  padding-right: 10%;
}

.DonateTitle {
  width: 50%;
  z-index: 10;
  position: relative;
  left: 70%;
  top: 15%;
}

.DonateSection Button {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: white;
  border: 2px solid #d19b52;
  line-height: 50px;
  font-size: 1.3em;
  background-color: #364c4c;
  transition-property: all;
  transition-property: transform;
  transition duration: 0.6s ease;
  transform: translate(0px, -5px);
  padding-left: 20px;
  padding-right: 20px;
}

.DonateAmt {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  width: 100%;
}

@media screen and (max-width: 1050px) {
  .DonateSection input {
    padding-bottom: 20px;
  }

  .DonateAmt{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.DonateSection input {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: white;
  font-size: 20px;
  background-color: #364c4c;
  border: none;
  width: 20%;
}

.DonateSection input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
}

.DonateSection input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}

.DonateSection input::-ms-input-placeholder { /* Microsoft Edge */
  color: white;
}

.TitleWrapper3 h1 {
  font-family: 'Londrina Outline', cursive;
  color: #7f9691;
  font-size: 100px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

.TitleWrapper3 {
  position: absolute;
  left: auto;
  top: auto;
  right: -14em;
  bottom: 300px;
  z-index: 10;
  -webkit-box-end: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: end;
  text-align: center;
}

@media screen and (max-height: 1050px) {
  .DonationWrapper {
    top: 10%;
  }
}

@media screen and (max-height: 900px) {
  .TitleWrapper3 {
    font-size: 1.5em;
    right: -8em;
  }

  .DonationWrapper {
    top: -5%;
  }
}

@media screen and (max-height: 900px) {
  .TitleWrapper3 h1 {
    font-family: 'Londrina Outline', cursive;
    color: #7f9691;
    font-size: 60px;
    margin: 0;
    font-weight: 400;
    padding: 0;
  }

  .TitleWrapper3 {
    position: absolute;
    left: auto;
    top: auto;
    right: -5.5em;
    bottom: 175px;
    z-index: 10;
    -webkit-box-end: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: end;
    text-align: center;
  }
}

@media screen and (max-width: 500px) {
  .TitleWrapper3 {
    font-size: 1.5em;
    right: -5.5em;
    z-index: 0;
  }

  .DonateTitle {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    text-align: left;
  }
}

.BookBackground {
  height: 100vh;
  background-color: #d19b52;
}

.BookImg {
  height: 100%;
  width: 100%;
  opacity: 0.45;
}

.QuestionWrapper h2 {
  font-family: 'Caveat', cursive;
  font-weight: 700;
  color: #364c4c;
  font-size: 3em;
}

.QuestionWrapper h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #364c4c;
  font-size: 3em;
}

.QuestionWrapper Button {
  background-color: #364c4c;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: white;
  font-size: 20px;
  padding-left: 50px;
  padding-right: 50px;
  line-height: 50px;
  border: none;
}

.QuestionWrapper Button:hover {
  background-color: #d19b52;
  transition-property: all;
  transition-property: transform;
  transition duration: 0.4s ease;
  transform: translate(0px, -5px);
}

.QuestionWrapper {
  position: relative;
  width: 40%;
  top: -80%;
  left: 50%;
}

@media screen and (max-width: 1050px) {
  .QuestionWrapper {
    top: -90%;
    left: 15%;
  }
}

@media screen and (max-width: 800px) {
  .QuestionWrapper {
    top: -95%;
    left: 12%;
  }

  .QuestionWrapper Button {
    font-size: 16px;
  }

  .QuestionWrapper h1 {
    font-size: 2em;
  }

  .QuestionWrapper h2 {
    font-size: 2em;
  }
}

@media screen and (max-width: 500px) {
  .QuestionWrapper Button {
    font-size: 14px;
  }
}

/*News Article Template Section*/
.Header {
  background-color: #d19b52;
  width: 100%;
  overflow: hidden;
  max-height: 50vh;
}

.NewsHeader {
  width: 100%;
  opacity: 0.45;
  height: auto;
  margin: auto;
}

.ArticleText {
  width: 60%;
  padding-right: 5%;
}

.ArticleText h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #364c4c;
  font-size: 5.5em;
  margin: 0;
}

.ArticleText h2 {
  font-family: 'Caveat', cursive;
  font-weight: 700;
  color: #364c4c;
  font-size: 3em;
  margin: 0;
  padding-top: 3%;
  padding-bottom: 3%;
}

.ArticleText h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #364c4c;
  font-size: 2em;
}

.ArticleText h4 {
  font-family: 'Caveat', cursive;
  font-weight: 600;
  color: #364c4c;
  font-size: 2.5em;
  margin: 0;
  padding-top: 1%;
  padding-bottom: 1%;
}

.ArticleText p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #364c4c;
  font-size: 16px;
  line-height: 30px;
}

.Quote{
  border-left: 3px solid #d9d7d2;
  text-align: left;
}

.Quote p {
  font-size: 18px;
  padding-left: 15px;
}

.ArticleLine {
  border: 1px solid #d9d7d2;
}

.ArticleWrapper {
  height: 100%;
  width: 100%;
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 3%;
  padding-bottom: 3%;
}

@media screen and (max-width: 1050px) {
  .ArticleWrapper {
    flex-direction: column;
  }

  .ArticleText {
    width: 90%;
  }

  .ArticleText h1 {
    font-size: 4em;
  }
}

@media screen and (max-width: 600px) {
  .ArticleText h1 {
    font-size: 3em;
  }
}

@media screen and (max-width: 500px) {
  .ArticleText h1 {
    font-size: 2em;
  }
  .ArticleText h2 {
    font-size: 2em;
  }
  .ArticleText h3 {
    font-size: 1.5em;
  }
  .ArticleText h4 {
    font-size: 2em;
  }
}

/*Impact Page*/
.ImpactDiv1 {
  background-color: #d19b52;
  height: 70vh;
  position: relative;
  z-index: 0;
}

.ImpactGallery {
  position: absolute;
  left: 30%;
  top: 20%;
  background-color: #d19b52;
  width: 70vw;
  height: 80vh;
  z-index: 1;
}

.ImpactPhoto {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  opacity: 0.5;
  z-index: 0;
}

.ImpactTagline {
  position: relative;
  z-index: 2;
  font-family: 'Caveat', cursive;
  font-weight: 700;
  color: #364c4c;
  font-size: 3em;
  margin: 0;
}

.ImpactTitle {
  width: 50%;
  position: relative;
  z-index: 2;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #364c4c;
  font-size: 3em;
}

.DonateButton {
  position: relative;
  z-index: 2;
  background-color: #d19b52;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: white;
  font-size: 16px;
  padding-left: 70px;
  padding-right: 70px;
  line-height: 50px;
  border: none;
}

.DonateButton:hover {
  background-color: #7f9691;
  transition-property: all;
  transition-property: transform;
  transition duration: 0.6s ease;
  transform: translate(0px, -5px);

}

.QuoteCont2 {
  padding: 8%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.Prev2, .Next2 {
  z-index: 2;
  cursor: pointer;
  position: absolute;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: #F2F4F4;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  user-select: none;
}

.Prev2 {
  left: 0;
  border-radius: 0px;
  background-color: #7f9691;
}

.Next2 {
  right: 0;
  border-radius: 0px;
  background-color: #364c4c;
}

@media screen and (max-width: 600px) {
  .ImpactGallery {
    left: 0%;
    top: 0%;
    width: 100%;
  }
}

@media screen and (max-width: 500px) {
  .ImpactTagline {
    font-size: 2em;
  }
  .ImpactTitle {
    font-size: 2em;
  }
  .DonateButton {
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 300px) {
  .ImpactPad {
    padding-top: 30px;
  }
}

.WorldMap2 {
  position: absolute;
  z-index: -1;
  opacity: 0.15;
  width: 100%;
  height: auto;
  top: 100%;
}

.ImpactPadding {
  margin-top: 15%;
}

.ImpactDiv3 {
  background-color: #d19b52;
  min-height: 170vh;
  margin-top: 20%;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 10%;
  padding: 5%;
  max-width: 80%;
  display: flex;
}

.WorldMap3 {
  margin-top: -20%;
  position: relative;
  left: 60%;
  width: 60%;
  height: 10%;
  z-index: 1;
}

.ImpactTitleWrapper {
  position: absolute;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  z-index: 2;
}

.ImpactDiv3 h2 {
  font-family: 'Caveat', cursive;
  font-weight: 700;
  color: #364c4c;
  font-size: 3em;
  margin: 0;
  padding-bottom: 15px;
}

.ImpactDiv3 h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #364c4c;
  font-size: 3em;
  margin-top: 0;
}

.Arrow2 {
  border: solid white;
  border-width: 0 5px 5px 0;
  display: inline-block;
  padding: 5px;
  margin: 10px;
}

.LearnMoreText2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  padding-left: 5px;
  padding-top: 5px;
  transition: 0.3s;
  color: white;
}

.ImpactBlogs {
  position: absolute;
  margin-top: 10%;
  max-width: 80%;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}

.BlogDate {
  color: white;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding-bottom: 15px;
}

.BlogTitle {
  color: #364c4c;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 2.5em;
  line-height: 26px;
  margin: 0;
}

.BlogImg1 {
  background: url(src/img/NewsImg1.jpeg) 50% 50% no-repeat;
  width: 250px;
  height: 250px;
  background-size: cover;
}

.BlogImg2 {
  background: url(src/img/NewsImg2.jpeg) 50% 50% no-repeat;
  width: 250px;
  height: 250px;
  background-size: cover;
}

.BlogImg3 {
  background: url(src/img/NewsImg3.jpeg) 50% 50% no-repeat;
  width: 250px;
  height: 250px;
  background-size: cover;
}

.BlogImg4 {
  background: url(src/img/NewsImg4.jpeg) 50% 50% no-repeat;
  width: 250px;
  height: 250px;
  background-size: cover;
}

.BlogImg5 {
  background: url(src/img/NewsImg5.jpeg) 50% 50% no-repeat;
  width: 250px;
  height: 250px;
  background-size: cover;
}

.BlogImg6 {
  background: url(src/img/NewsImg6.jpeg) 50% 50% no-repeat;
  width: 250px;
  height: 250px;
  background-size: cover;
}

.ImpactDiv2 {
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 5%;
}

@media screen and (max-width: 1050px) {
  .ImpactBlogs {
    flex-direction: column;
    margin-top: 15%;
  }

  .BlogInfo {
    width: 100%;
  }

  .ImpactDiv2 {
    padding-top: 10%;
  }
  .Grid-Column {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .WorldMap3 {
    height: 10%;
    margin-top: -20%;
  }

  .BlogImg1, .BlogImg2, .BlogImg3, .BlogImg4, .BlogImg5, .BlogImg6 {
    width: 250px;
  }

  .ImpactDiv3 {
    margin-top: 5%;
    height: 230vh;
  }

  .ImpactDiv3 h1, .ImpactDiv3 h2 {
    font-size: 2.5em;
  }
}

@media screen and (max-width: 800px) {
  .ImpactDiv3 h1, .ImpactDiv3 h2 {
    font-size: 2em;
  }

  .ImpactDiv3 {
    height: 320vh;
  }
}

@media screen and (max-width: 600px) {
  .ImpactBlogs {
    margin-top: 25%;
  }

  .ImpactDiv3 {
    height: 460vh;
  }
}

@media screen and (max-width: 500px) {
  .ImpactBlogs {
    margin-top: 30%;
  }
}

@media screen and (max-width: 400px) {
  .ImpactBlogs {
    margin-top: 35%;
  }

  .BlogImg1, .BlogImg2, .BlogImg3, .BlogImg4, .BlogImg5, .BlogImg6 {
    height: 200px;
    width: 200px;
  }

  .ImpactDiv3 h1, .ImpactDiv3 h2 {
    font-size: 1.5em;
  }

  .BlogTitle {
    font-size: 1.5em;
  }

  .BlogInfo {
    padding-top: 15px;
  }
}

@media screen and (max-width: 300px) {
  .Grid-Column {
    width: 90%;
  }

  .WorldMap3 {
    height: 3%;
  }

  .ImpactBlogs {
    margin-top: 30%;
  }

  .BlogImg1, .BlogImg2, .BlogImg3, .BlogImg4, .BlogImg5, .BlogImg6 {
    height: 150px;
    width: 150px;
  }

  .ImpactDiv3 {
    height: 430vh;
  }

  .ImpactDiv3 h1, .ImpactDiv3 h2 {
    font-size: 1em;
  }

  .BlogTitle {
    font-size: 1em;
  }
}

.ImpactButton {
  background-color: #364c4c;
  left: 80%;
  margin-top: 20%;
}

@media screen and (max-width: 1350px) {
  .ImpactButton {
    left: 70%;
  }
}

@media screen and (max-width: 1200px) {
  .ImpactButton {
    left: 60%;
  }
}

@media screen and (max-width: 1050px) {
  .ImpactButton {
    left: 100%;
    margin-left: 150px;
  }
}

@media screen and (max-width: 950px) {
  .ImpactButton {
    left: 100%;
    margin-left: 50px;
  }
}

@media screen and (max-width: 600px) {
  .ImpactButton {
    left: 90%;
    margin-left: 0;
  }
}

.Soil {
  height: 100vh;
  margin-top: -40vh;
}

.Help {
  font-family: 'Londrina Outline', cursive;
  color: #364c4c;
  font-size: 100px;
  font-weight: 400;
  margin-left: -45%;
  width: 100%;
  padding: 0;
}

.Side {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}

.Rotate2 {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform:rotate(90deg);
}

.SidePlusForm {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

@media screen and (max-width: 800px) {
  .SidePlusForm {
    flex-direction: column;
  }
}

.Volunteer {
  font-family: 'Caveat', cursive;
  color: #364c4c;
  font-weight: 700;
  margin: 0;
  font-size: 3em;
}

.VolunteerH1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #364c4c;
  margin: 0;
  font-size: 5.5em;
}

.FormWrapper {
  margin-bottom: 5%;
  min-height: 30vh;
}

.padding {
  padding-right: 3%;
  padding-left: 3%;
}

.ContactForm2 {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  width: 100%;
  top: 20%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 1%;
}

.ContactForm2 input {
  width: 97%;
  background-color: #f2f4f4;
  height: 50px;
  border: 2px solid #364c4c;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 2%;
  padding-left: 1.5%;
  padding-right: 1.5%;
  color: #979797;
}

.ContactForm2 textarea {
  width: 97%;
  background-color: #f2f4f4;
  height: 70px;
  border: 2px solid #364c4c;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 2%;
  padding: 1.5%;
  color: #979797;
}

.ContactForm2 Button {
  background-color: #d19b52;
  border: none;
  color: white;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 18px;
  height: 60px;
  width: 30%;
}

@media screen and (max-width: 800px) {
  .ContactForm2 input {
    margin-bottom: 3%;
  }

  .ContactForm2 textarea {
    margin-bottom: 3%;
  }

  .Flex {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
  }

  .Flex input {
    width: 97%;
  }

  .LeftInput {
    margin-right: 0%;
  }

  .RightInput {
    margin-left: 0%;
  }

  .ContactForm2 Button {
    background-color: #d19b52;
    border: none;
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 18px;
    height: 60px;
    width: 50%;
    padding-left: 3%;
    padding-right: 3%;
  }
}

@media screen and (max-width: 1050px) {
  .Side {
    display: none;
  }

  .ContactForm2 {
    width: 80%;
  }
  .VolunteerH1 {
    font-size: 3em;
  }

  .Volunteer {
    font-size: 2em;
    margin-top: -3%;
    width: 100%;
  }

  .FormWrapper {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
  }
}
 @media screen and (max-width: 600px) {
   .VolunteerH1 {
     font-size: 2em;
   }

   .Volunteer {
     font-size: 1.5em;
   }
 }

 @media screen and (max-width: 400px) {
   .VolunteerH1 {
     font-size: 1.3em;
   }

   .Volunteer {
     margin-top: 1%;
   }

   .ImpactButton {
     left: 0;
   }
 }

.ImpactDiv4 {
  max-height: 90vh;
}

.Jobs {
  background-color: #f2f4f4;
  padding-top: 5%;
  padding-bottom: 5%;
  padding-left: 10%;
  padding-right: 10%;
}

.JobsTable {
  padding-top: 5%;
  display: flex;
  flex-grow: 1;
  flex-direction: row;
}

.Categories {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  max-width: 40%;
  padding-right: 5%;
}

@media screen and (max-width: 1050px) {
  .Categories {
    min-width: 100%;
  }
}

.Category {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #364c4c;
  margin-bottom: 20px;
  padding: 20px;
}

.Category h6 {
  margin: 0;
  font-size: 16px;
}

.Category:hover {
  color: #d19b52;
}

.CatName {
  text-align: left;
  width: 50%;
  margin: 0;
  padding: 0;
}

.CatNum {
  text-align: right;
  width: 50%;
  margin: 0;
  padding: 0;
}

.Job {
  padding-bottom: 20px;
}

.Job h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #364c4c;
  margin: 0;
}

.Job h6:hover {
  color: #d19b52;
}

.CatJobs {
  padding-left: 5%;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

.hidden {
  display: none;
}

.visible {
  display: inherit;
}

.highlight {
  background-color: #7f9691;
  border: 2px solid #364c4c;
}

@media screen and (max-width: 1050px) {
  .JobsTable {
    flex-direction: column;
  }
}

/*Job Template Page*/
.JobContent {
  background-color: #f2f4f4;
}

.PositionContent {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 5%;
  padding-bottom: 5%;
  justify-content: center;
}

.JobDesc {
  width: 50%;
  margin-right: 5%;
}

.JobDesc h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #364c4c;
  font-size: 4em;
  margin: 0;
  padding-top: 5%;
}

.JobDesc hr {
  border: 1px solid #eeeeee;
  width: 100%;
}

.JobDesc p, .JobDesc li {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #364c4c;
  font-size: 16px;
  line-height: 30px;
}

.JobDesc h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #364c4c;
  font-size: 2em;
}

.JobFeatures {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
}

.JobFeatures p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #d19b52;
  font-size: 16px;
  margin: 0;
  padding-bottom: 5%;
}

.FeatureL {
  padding-right: 7%;
}

.FeatureR {
  padding-left: 7%;
}

.ApplyForm {
  width: 40%;
  margin-left: 5%;
}

.AppWrapper {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}

.ApplyForm h3 {
  font-family: 'Caveat', cursive;
  color: #364c4c;
  font-weight: 700;
  font-size: 3em;
  margin: 0;
  padding-top: 5%;
  padding-bottom: 5%;
}

.Form3Input {
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #979797;
  background-color: #eeeeee;
  height: 50px;
  border: 2px solid #364c4c;
  font-size: 14px;
  margin-bottom: 4%;
  padding-left: 1.5%;
  padding-right: 1.5%;
}

.File {
  border: none;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #979797;
  font-size: 14px;
  margin-bottom: 4%;
}

.Form3Text {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #979797;
  font-size: 14px;
  background-color: #eeeeee;
  border: 2px solid #364c4c;
  height: 100px;
  width: 100%;
  margin-bottom: 4%;
  padding-left: 1.5%;
  padding-right: 1.5%;
  line-height: 30px;
}

.ApplyButton {
  color: white;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 18px;
  background-color: #d19b52;
  border: none;
  padding-left: 50px;
  padding-right: 50px;
  line-height: 50px;
}

.ResumeLabel {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #364c4c;
  font-size: 14px;
  margin-bottom: 4%;
}

@media screen and (max-width: 1050px) {
  .JobFeatures p {
    padding-bottom: 2%;
  }
  .PositionContent {
    flex-direction: column;
  }

  .JobDesc {
    width: 100%;
    margin-right: 0;
  }

  .JobDesc h1 {
    padding-top: 7%;
  }

  .ApplyForm {
    width: 100%;
    margin-left: 0;
  }
  .AppWrapper {
    position: static;
  }
}

@media screen and (max-width: 750px) {
  .JobDesc h1 {
    font-size: 3em;
  }
}

@media screen and (max-width: 400px) {
  .JobDesc h1 {
    font-size: 2.5em;
    padding-top: 15%;
  }
}

@media screen and (max-width: 300px) {
  .JobDesc h1 {
    font-size: 2em;
    padding-top: 20%;
  }
  .JobDesc h2 {
    font-size: 1.5em;
    padding-top: 20%;
  }
}

/*About Page*/
.AboutDiv1 {
  background-color: #d19b52;
  width: 100%;
  overflow: hidden;
  max-height: 90vh;
}

.AboutDiv1Text {
  position: absolute;
  z-index: 2;
  top: 0;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 10%;
}

.AboutDiv1Text h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #364c4c;
  font-size: 3em;
  margin: 0;
  padding-bottom: 5%;
}

.AboutDiv1Text h1 {
  font-family: 'Caveat', cursive;
  font-weight: 800;
  color: #364c4c;
  font-size: 3em;
  margin: 0;
  padding-bottom: 5%;
}

.AboutDiv1Text p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #364c4c;
  font-size: 16px;
  line-height: 30px;
}

.AboutL {
  width: 30%;
}

.AboutR {
  width: 60%;
  margin-left: 10%;
}

@media screen and (max-width: 1050px) {
  .AboutDiv1Text {
    flex-direction: column;
  }

  .AboutL {
    width: 100%;
  }

  .AboutR {
    width: 100%;
    margin-left: 0;
  }
}

@media screen and (max-width: 700px) {
  .AboutDiv1Text h1 {
    font-size: 2em;
  }

  .AboutDiv1Text h2 {
    font-size: 2em;
  }
}

@media screen and (max-width: 600px) {
  .AboutDiv1 {
    max-height: 200vh;
  }
  .AboutDiv1Text {
    margin-top: 5%;
  }

  .AboutDiv1Text p {
    font-size: 15px;
    line-height: 25px;
  }

}

@media screen and (max-width: 520px) {
  .opaque {
    opacity: 1;
  }
  .AboutDiv1 {
    background-color: white;
  }
  .AboutDiv1Text {
    position: static;
    top: auto;
  }
}

.GreenFill {
  background-color: #364c4c;
  height: 80vh;
  margin-top: -10%;
  width: 30vw;
  position: absolute;
  z-index: 2;
  left: 0;
}

.AboutDiv2Text {
  width: 50%;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 5%;
}

.AboutDiv2Text h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    color: #364c4c;
    font-size: 3em;
    margin: 0;
    padding-bottom: 5%;
}

.AboutDiv2Text h1 {
  font-family: 'Caveat', cursive;
  font-weight: 800;
  color: #364c4c;
  font-size: 3em;
  margin: 0;
  padding-bottom: 5%;
}

.AboutDiv2p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #364c4c;
  font-size: 16px;
  line-height: 30px;
}

.Div2Wrap {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: flex-end;
  min-height: 50vh;
}

@media screen and (max-width: 1050px) {
  .GreenFill {
    display: none;
  }

  .Div2Wrap {
    justify-content: center;
    margin: 0;
  }

  .AboutDiv2Text {
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  .Div2Wrap {
    min-height: 50vh;
  }
}

@media screen and (max-width: 700px) {
  .Div2Wrap {
    min-height: 60vh;
  }
  .AboutDiv2Text h1 {
    font-size: 2em;
  }

  .AboutDiv2Text h2 {
    font-size: 2em;
  }
}

@media screen and (max-width: 600px) {
  .AboutDiv2p {
    font-size: 15px;
    line-height: 25px;
  }
  .Div2Wrap {
    min-height: 70vh;
  }
}

@media screen and (max-width: 400px) {
  .Div2Wrap {
    min-height: 80vh;
  }
}

@media screen and (max-height: 600px) {
  .Div2Wrap {
    min-height: 90vh;
  }
}

.Logos {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  margin-top: 5%;
  margin-bottom: 5%;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.Logos img {
  width: 15vw;
  margin-left: 15px;
  margin-right: 15px;
}

/*@media screen and (max-width: 1180px) {
  .Logos {
    margin-top: 10%;
  }
}*/

@media screen and (max-width: 1050px) {
  .Logos {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*padding-top: 5%;*/
  }
  .Logos img {
    width: 80%;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

/*@media screen and (max-width: 400px) {
  .Logos {
    margin-top: 25%;
  }
}

@media screen and (max-width: 350px) {
  .Logos {
    margin-top: 30%;
  }
}

@media screen and (max-width: 300px) {
  .Logos {
    margin-top: 75%;
  }
}*/

.OurStories {
  margin: 10%;
  background-color: #d19b52;
  width: 70%;
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  padding: 5%;
  justify-content: space-between;
}

.StoriesTitle h2 {
  font-family: 'Caveat', cursive;
  font-weight: 700;
  color: #364c4c;
  font-size: 3em;
  margin: 0;
  padding-bottom: 5%;
}

.StoriesTitle h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #364c4c;
  font-size: 3em;
  margin: 0;
  padding-bottom: 5%;
}

.Articles {
  width: 65%;
}

@media screen and (max-width: 1050px) {
  .OurStories {
    flex-direction: column;
    justify-content: flex-start;
  }

  .Articles {
    width: 100%;
  }
}

.margin-top {
  margin-top: -5%;
  margin-left: -30%;
}

@media screen and (min-width: 1051px) {
  .margin-top {
    margin-top: -7%;
  }
}

.GreenFill2 {
  background-color: #364c4c;
  height: 80vh;
  margin-top: -30%;
  width: 30vw;
  position: absolute;
  z-index: 1;
  left: 0;
}

.DonateHoriz {
  font-family: 'Londrina Outline', cursive;
  color: #364c4c;
  font-size: 100px;
  font-weight: 400;
  margin-left: -20%;
  margin-top: 12%;
  width: 100%;
  padding: 0;
}

@media screen and (max-width: 1050px) {
  .DonateHoriz {
    display: none;
  }
}

.VideoDiv {
  background-color: #364c4c;
  width: 100vw;
  min-height: 150vh;
}

.VideoWrapper {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  justify-content: center;
}

.VideoTitle {
  font-family: 'Londrina Outline', cursive;
  color: white;
  font-size: 150px;
  font-weight: 400;
  margin-left: -75%;
  margin-top: -30%;
  width: 100%;
  padding: 0;
  position: absolute;
}

.VideoImg {
  width: 70%;
  height: auto;
  margin-top: -10%;
}

@media screen and (max-width: 1050px) {
  .VideoTitle {
    display: none;
  }

  .GreenFill2 {
    display: none;
  }

  .margin-top {
    margin-left: 10%;
    margin-right: 10%;
  }
}

.Boxes {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  width: 100%;
  justify-content: flex-start;
}

.Box {
  width: 30vw;
  height: 40vh;
  margin: 2%;
  background-color: #7f9691;
  padding-top: 5%;
  padding-left: 2%;
  padding-right: 2%;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.PlaceholderImg {
  width: 70%;
  height: auto;
}

@media screen and (max-width: 700px) {
  .PlaceholderImg {
    height: 20%;
  }
}

@media screen and (max-width: 400px) {
  .PlaceholderImg {
    height: 10%;
  }
}

.BoxText {
  padding: 20px;
}

.BoxText h1 {
  margin: 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: white;
  font-size: 2em;
}

@media screen and (max-width: 1100px) {
  .BoxText h1 {
    font-size: 1.5em;
  }
  .Boxes {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .Box {
    padding-top: 10%;
    width: 100%;
    margin-top: 5%;
    margin-bottom: 5%;
  }

  .invisible {
    display: none;
  }
}

/*Gallery*/
.Testimonies {
  height: 90vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.Testimonies h1 {
  font-family: 'Montserrat', sans-serif;
  color: #364c4c;
  font-weight: 800;
  font-size: 5.5em;
}

@media screen and (max-width: 700px) {
  .Testimonies h1 {
    font-size: 4em;
  }
}

@media screen and (max-width: 600px) {
  .Testimonies h1 {
    width: 50%;
    text-align: center;
  }
}

@media screen and (max-width: 500px) {
  .Testimonies h1 {
    font-size: 3em;
  }
}

@media screen and (max-width: 400px) {
  .Testimonies h1 {
    font-size: 2.5em;
  }
}

@media screen and (max-width: 300px) {
  .Testimonies h1 {
    font-size: 2em;
  }
}

.error {
  background-color: #364c4c;
  height: 100vh;
  text-align: center;
  margin: 0;
  padding: 0;
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.error h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: white;
}

.Team {
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 5%;
  padding-bottom: 5%;
}