.igrid{
  display: grid;
  column-gap: 50px;
  row-gap: 27px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: minmax(200px, 1fr);
  color: black;
}

.igrid a {
  text-decoration: none;
  color: black;
  font-size: 0.6rem;
  font-family: urw-din,sans-serif;
  font-weight: 700;
  font-style: normal;
}

.igrid a img {
  max-width: 100%;
  max-height: 100%;
}

.igrid h1{
  text-align: center;
}

.igrid a:visited{
  color: black;
  text-decoration: none;
}

@media(max-width: 500px) {
  .igrid {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-auto-rows: minmax(100px, 1fr);
    column-gap: 30px;
  }
}

@media(max-width: 300px) {
  .igrid {
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    grid-auto-rows: minmax(90px, 1fr);
    column-gap: 20px;
  }
}