@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap");

.sustainable_tourism_banner_img {
  background-blend-mode: overlay;
  background-color: #515151;
  width: 100%;
  height: 400px;
  background-image: url(../images/sustainable-tourism-2.jpeg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}

.sustainable_tourism_overlay_text h1 {
  font-weight: 700;
  font-size: 40px;
  color: #ffffff !important;
  line-height: 1.2em;
}

.sustainable_tourism_overlay_text h2 {
  font-size: 24px;
  color: #ffffff;
  line-height: 1.2em;
  text-align: center;
}

.sustainable_tourism_overlay_text {
  padding: 0 22%;
}

.mid_sec_div P {
  font-size: 18px;
  font-weight: 500;
}

.cleaning_img_div {
  background-color: #0f4677;
  border-radius: 5px 5px 5px 5px;
  padding: 30px;
}

.cleaning_img_div div {
  font-size: 22px;
  line-height: 1.51em;
  background-blend-mode: overlay;
  background-image: url(../images/cleanup-partners.jpeg);
  background-color: #494949;
  height: 312px;
  color: white;
  background-repeat: no-repeat;
  width: 100%;
}

.cleaning_img_div div p {
  padding: 0 20%;
  font-weight: 500;
}

.mobile_p {
  font-size: 18px;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .sustainable_tourism_overlay_text {
    padding: 0 0%;
  }

  .sustainable_tourism_banner_img {
    height: 200px;
  }

  .sustainable_tourism_overlay_text h1 {
    font-size: 24px;
  }

  .sustainable_tourism_overlay_text h2 {
    font-size: 18px;
  }
  .mid_sec_div {
    flex-direction: column;
    gap: 10px !important;
  }
  .mid_sec_div div {
    padding: 0 !important;
  }
  .mid_sec_div img {
    width: 100%;
  }
}