@charset "utf-8";

.statement {
  width: 930px;
  max-width: 90%;
 background-color: #f8f8f8;
  padding: 40px 50px;
  margin-top: 35px;
  margin-left: auto;
  margin-right: auto; 
}

.statement h2 {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  color: rgb(39, 39, 184);
}

.statement h3 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
}

.statement h4 {
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
}

.statement h5 {
  font-size: 15px; 
  font-weight: lighter;
  text-align: center;
  margin-top: 30px;
}

/* .statement h2::after {
  content: '';
  display: block;
  width: 36px;
  height: 3px;
  background-color: #000000;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
} */

.statement p {
  font-size: 15px;
  line-height: 28px;
  margin-top: 25px;
  margin-bottom: 5px;
}

.sub {
  background-color: #f8f8f8;
}

.photo-list {
  display: flex;
  width: 100%;
  height: auto;
  column-gap: 40px;
  row-gap: 40px;
}

.photos {
  background-color: #d4f5d4;
}

@media (max-width: 800px) {

  .statement, .sub {
    padding: 15px;
  }

  .photos {    
    width: 100%;
  }

  .photos-text {
    margin: 15px;
  }

 .photo-list li {
   width: 100%;   
   margin-left: 15px;
   margin-right: 15px;   
  }

}