/*-------Sustainability----------*/
.left-img {
    width: 25%;
    height: auto;   
    float: left;
    margin-right: 2vw;
    margin-bottom: 0.5vw;
}

.right-img {
    width: 25%;
    height: auto;   
    float: right;
    margin-left: 2vw;
    margin-bottom: 0.5vw;
}

.left-img img {
    width: 100%; 
    height: auto;
    text-align: center;
}

.right-img img {
    width: 100%; 
    height: auto;
    text-align: center;
}

.sdg-quote {
  background-color: #31525B;
  width: 100%;
  padding: 20px 80px;
  border-radius: 10px;
}

.sdg-quote #goal {
  width: 75%;
}


@media screen and (max-width: 900px) {
  .sdg-quote #goal {
    width: 100%;
  }
}

.pfoa-with-letters {
  width: 40%;
  float: right;
}



.goal-container {
  width: 25%;
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}

.goal10-15 {
  display: grid;
  grid-template-rows: repeat(2); /* Adjust the size as needed */
  grid-template-columns: repeat(1);
  grid-gap: 10px; /* Adjust the gap between tiles */
}

.goal10-15 img{
  width: 100%;
}

.incineration {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
.incineration img {
  width: 100%;
}


.hist {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

.hist img {
  width: 100%;
}


.beach {
  width: 40%;
  float: right;
  margin: 30px 0px 10px 10px;
}

.beach img {
  width: 100%;
}


.forest {
  width: 15%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  float: right;
}

.forest img {
  width: 100%;
}