/* Maintext */

h1 {
  font-family: "Lexend", sans-serif;
  margin-top: 1rem;
}

h2 {
  font-family: "Lexend", sans-serif;
  font-style: normal;
  font-size: 20px;
}

.maintext {
  display: flex;
  justify-content: center;
}

/* Gallery Section */
.gallery {
  display: flex;
  flex-direction: column;
  margin: 1rem;
}

.row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
}

.thumbnail {
  flex: 1;
  display: flex;
  justify-content: center;

  font-family: "Lexend", sans-serif;
  font-style: normal;

  align-items: flex-end;
  color: white;

  height: 50vh;

  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* Gallery Images */
#img1 {
  background-image: url(../images/1.jpg);
}

#img2 {
  background-image: url(../images/2.jpg);
}

#img3 {
  background-image: url(../images/3.jpg);
}

#img4 {
  background-image: url(../images/4.jpg);
}

#img5 {
  background-image: url(../images/5.jpg);
}

#img6 {
  background-image: url(../images/6.jpg);
}

#img7 {
  background-image: url(../images/7.jpg);
}

#img8 {
  background-image: url(../images/8.jpg);
}

#img9 {
  background-image: url(../images/9.jpg);
}

#img10 {
  background-image: url(../images/10.jpg);
}

#img11 {
  background-image: url(../images/11.jpg);
}

#img12 {
  background-image: url(../images/12.jpg);
}

/* footer */
footer {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}

.footer-text{
  font-family: "Lexend", sans-serif;
  font-style: normal;
  font-size: 1.2rem;
  color: black;
}

/* responsive */
@media (max-width: 768px){

  .title{
      margin-top: 1.2rem;
  }

  h1{
      font-size: 2rem;
  }

  .gallery{
      margin: 1rem;
  }

  .thumbnail{
      flex: 1 1 calc(50% - 1rem);
      height: 40vh;
  }
}