.image-gallery {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  padding: 0;
  margin: 0 10%;
}

.image-item {
  margin: 0;
  padding: 0;
}

.image-item img {
  width: 100%;
  height: 100%;
  display: inline-block;
  margin: 0;
  padding: 0;
}

@media (min-width: 1200px) {
  .image-gallery {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 1200px) {
    .image-gallery {
            margin: 0 15px;
        }
}

@media (min-width: 770px) and (max-width: 1199px) {
  .image-gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 500px) and (max-width: 770px) {
    .image-gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}

.events-big{
  padding-top: 80px;
  padding-bottom: 80px;
  
}
.img-title{
    padding-bottom: 40px;
        font-family: "magistral", sans-serif !important;
            font-weight: 500;
            font-style: normal;
            font-size: 36px;
}