@import url("remodel.css");

.rm-grid {
  grid-template-columns: 1.15fr .75fr .75fr;
  grid-template-rows: 315px 315px;
}
.rm-project:nth-child(3), .rm-project:nth-child(4) {
  display: block;
  grid-column: 3;
}
.rm-grid.filtered {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 460px;
}
.rm-grid.filtered .rm-project {
  display: block;
  grid-column: auto;
  grid-row: auto;
}
.rm-grid.filtered .rm-project.hidden { display: none; }

@media (max-width: 800px) {
  .rm-grid, .rm-grid.filtered { grid-template-columns: 1fr; grid-template-rows: auto; }
  .rm-project:nth-child(3), .rm-project:nth-child(4) { grid-column: auto; }
}