.mission-stories-image-container  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mission-stories-image-container {
  max-width: 570px;
  max-height: 491px;
  width: 100%;
}

.mission-stories-layout-wrapper {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  
}

.mission-stories-text-container {
  max-width: 570px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.mission-text a {
  font: 500 16px/30px var(--font-helvetica-neue);
  color: #222222;
}

.section-mission-stories .section-small-heading {
    font: 700 18px / 22px var(--font-helvetica-neue);
    letter-spacing: 10%;
    text-transform: uppercase;
    color: #00677F;
    margin-block: 0 24px;
}
.mission-stories-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mission-stories-image-container {
  max-width: 570px;
  max-height: 491px;
  width: 100%;
}



.mission-stories-text-container {
  max-width: 570px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.mission-text a {
  font: 500 16px/30px var(--font-helvetica-neue);
  color: #222222;
}

.mission-text img {
  margin-top: 5px;
}

.mission-text p {
  font: 400 20px/30px var(--font-helvetica-neue);
  color: #222222;
}

.mission-text {
  display: flex;
  gap: 5px;
  align-items: self-start;
}

.section-mission-stories {
  margin-bottom: 80px;
}

.mission-text-heading {
  font: 400 38px/46px var(--font-helvetica-neue);
  color: #222222;
}

.mission-text-wrapper{

  display: flex;
  flex-direction: column;
  gap: 15px;
}



@media screen and (max-width:768px) {

.mission-stories-layout-wrapper {
    flex-direction: column-reverse;
  }

  .section-mission-stories .section-small-heading {
    font: 700 14px/22px var(--font-helvetica-neue);
  }

  .mission-text-heading p {
    font: 400 28px/40px var(--font-helvetica-neue);
  }

  .mission-text p {
    font: 400 16px / 24px var(--font-helvetica-neue);
  }

  .mission-stories-text-container .read-more img {
    display: none;
  }

  .mission-text a {
    font: 500 16px / 30px var(--font-helvetica-neue);
    color: #E71316;
    text-transform: uppercase;
  }

  .mission-stories-image-container img {

    height:360px;
  }

}