#about-section {
  max-width:100%;
  height: auto;
  padding:4px;
/*  border:1px solid blue;*/
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: #1D6BE0;
   background:linear-gradient(45deg, #00235B, #005792, #085F63);
}


#about-section h1 {
  font-size: 2.5rem;
   color:white;
   font-family: "Montserrat", sans-serif;
   font-weight: 600;
   font-style: normal;
   margin-top: 4px;
   margin-bottom: 4px;
}

.about-content-container {
  width:100%;
  height: auto;
/*  border:1px solid blue;*/
  display: flex;
  flex-direction: column;
/*  justify-content: center;*/
  align-items: center;
  margin-top: 24px;
}

.about-content-sub-containers {
  width:90%;
  max-width: 1200px;
  height: auto;
/*  border: 1px solid red;*/
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
/*  text-align: center;*/
  margin-bottom:40px;
  box-shadow: 0.3px 0.3px 0.2px 0.5px black;
  padding: 16px;
}

.checkbox {
  width:15px;
  height: 15px;
  margin:4px;
}

.first-about-sub-container {
 background-color: #B7E0FF;
}

.second-about-sub-container {
 background-color: #F6F7C4;
}

.third-about-sub-container {
 background-color: #A1EEBD; 
}

.fourth-about-sub-container {
 background-color: #7EACB5;
 background-color: #F8F3D4;
}

.about-contents {
  width:800px;
  height: auto;
/*  border:1px solid blue;*/
}


.about-contents > h1 {
/*  color:#3C486B;*/
/*  color:#293462;*/
  color:#333C83;
  color:#364F6B;
  font-size: 2.2rem;
  margin-bottom: 20px;
  text-align:center;
   /*font-family: "Montserrat", sans-serif;
   font-weight: 600;
   font-style: normal;*/
   font-family: sans-serif;
}


.about-contents > p {
  font-size: 1.5rem;
  margin-bottom: 16px;
  font-family: "Poppins", sans-serif;
   font-weight: 300;
   font-style: normal;
   text-align: justify-all;
}

.about-contents > ul > li {
   list-style-type: none;
   font-size: 1.5rem;
   margin-bottom: 16px;
   font-family: "Poppins", sans-serif;
   font-weight: 300;
   font-style: normal;
   text-align: justify-all;
   margin:16px;
   display: flex;
   align-content: flex-start;
   align-items: flex-start;
}



.about-photos-container {
	width:300px;
	height: auto;
/*	border:1px solid red;*/
  margin-top: 8px ;
  margin-bottom: 8px;
}

.about-photos-container > .about-photos {
	width:100%;
	height: 100%;
}

.first-about-sub-container {
  flex-wrap: wrap-reverse;
}

.third-about-sub-container {
  flex-wrap: wrap-reverse;
}


@media (max-width:425px) {

    #about-section {
    max-width:100%;
    height: auto;
    padding:2px;
  }

  #about-section h1 {
    font-size: 1.5rem;
  }

   .about-contents > h1 {
/*  color:#3C486B;*/
/*  color:#293462;*/
  color:#333C83;
  color:#004182;
  font-size: 1.5rem;
  margin-bottom: 20px;
}

    .about-contents > p {
    font-size: 1rem;
  }

  .about-contents > ul > li {
  list-style-type: none;
  font-size: 1rem;
}


}