.gridspan {
  color: white;
}
#titlediv {
  text-align: center;
  color: white;
}

.gallery {
  display: grid;
  grid-template-columns: repeat (4, 1fr);
  grid-template-rows: repeat (12, 5vw);
  grid-gap: 15px;
  margin-top: 2em;
  max-width: 80%;
  margin: auto;
}

.galleryimg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gallery_item1 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
  width: 95%;
}

.gallery_item2 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
  width: 95%;
}

.gallery_item3 {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 2;
  width: 95%;
}

.gallery_item4 {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 2;
  grid-row-end: 3;
  width: 95%;
}

.gallery_item5 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 3;
  grid-row-end: 4;
  width: 95%;
}
.gallery_item6 {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 3;
  grid-row-end: 4;
  width: 95%;
}

/**** Media Query Section****/
@media (max-width: 1500px) {
}

@media (max-width: 1200px) {
}

@media (max-width: 700px) {
}