body {
  background: black;
  color: white;
  font-family: 'Josefin Slab', serif;
}

.header {
  width: 60%;
  margin: 40px auto 40px auto;
  text-align: center;
  letter-spacing: 1em;
}

.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap:2px;
  width: 90%;
  margin: auto;
}

.block {
  display: grid;
}

.block img {
  width: 100%;
}

.description {
  text-align: center;
}

@media (max-width: 700px) {
  .container {
    grid-template-columns: repeat(2, 1fr);
    width: 95%;
  }
}

@media (max-width: 500px) {
  .container {
    grid-template-columns: 1fr;
    width:100%;
  }
}