main {
  grid-gap: 1em;
  grid-auto-rows: 1fr;
  justify-content: center;
  display: grid;
  border-radius: 1rem;
  margin-top: 80px;
  text-transform: uppercase;
  hyphens: auto;
}


/* MAIN WIDTHS */
@media screen and (max-width: 399px) {
  main {
    grid-template-columns: auto auto;
  }
  
  main img {
    height: 150px;
    width: 150px;
  }
}

@media screen and (min-width: 400px) and (max-width: 599px) {
  main {
    grid-template-columns: auto auto;

  }
  
  main img {
    height: 200px;
    width: 200px;
  }
}

@media screen and (min-width: 600px) and (max-width: 899px) {
  main {
    grid-template-columns: auto auto auto;
  }
  
  main img {
    height: 200px;
    width: 200px;
  }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
  main {
    grid-template-columns: auto auto auto;
  }
  
  main img {
    height: 300px;
    width: 300px;
  }
}

@media screen and (min-width: 1200px) {
  main {
    grid-template-columns: auto auto auto;
  }
  
    main img {
    height: 400px;
    width: 400px;
  }
}