/**
 * BOX HACKING
 */

html {
  box-sizing: border-box;
}


/*.wrapper { 
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  padding: 1.5em;
}

.masonry-wrapper {
  padding: 1.5em;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}*/
.masonry {
  display: grid;
  grid-template-columns: repeat(1, minmax(290px,1fr));
  /*grid-gap: 10px;*/
  row-gap: 20px;
  column-gap: 20px;
  grid-auto-rows: 0;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .masonry {
    grid-template-columns: repeat(2, minmax(290px,1fr));
  }
}
@media only screen and (min-width: 1024px) {
  .masonry {
    grid-template-columns: repeat(3, minmax(290px,1fr));
  }
}