#nosotros {

  padding: 30px 0;

  border: none;

  border-radius: 10px;

}

#nosotros h2 {

  font-size: 1.7rem;

  letter-spacing: 2px;

  color: #1570b7;

}

#nosotros p {

  margin: 30px 20px;

}

#nosotros p, #nosotros i {

  font-size: 1.5rem;

  color: #333333;

}

#nosotros i {

  font-weight: 600;

  margin: 0 7px;

}





#galeria {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  gap: 20px;

  margin: 20px 0 70px 0;

}

#galeria img {

  width: 400px;

  border-style: solid;

  border-width: 3px;

  border-color: #D6A301;

  cursor: pointer;

  box-shadow: 0px 0px 7px #333333;

  transition: .2s ease-in-out 0s;

}

#galeria img:hover {

  transform: scale(1.07);

}





#modal {

  position: fixed;

  z-index: 1000;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: #000000cc;

  display: flex;

  justify-content: center;

  align-items: center;

}

#modal img {

  max-width: 90%;

  max-height: 90%;

}

#closeBtn {

  color: #F5FFFA;

  font-size: 3rem;

  position: absolute;

  top: 10px;

  right: 20px;

  cursor: pointer;
  
}





@media (max-width: 1000px) {
    
  body {
    background-color: #f3fcff;
  }

  #nosotros h2 {

    font-size: 1.4rem;

  }

  #nosotros p, #nosotros i {

    margin: 10px 5px;

    font-size: 1.2rem;

    letter-spacing: 3px;

  }

  #galeria img {

    width: 350px;

  }

}