.project-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0px;
  /*margin-top: 30px;*/
}

.project-grid.columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.project-grid.columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.project-grid.columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 980px){
  .project-grid.columns-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767px){
  .project-grid.columns-3 {
    grid-template-columns: repeat(2, 1fr);
  }

  .project-grid.columns-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 600px){
  .project-grid.columns-2 {
    grid-template-columns: 1fr;
  }

  .project-grid.columns-3 {
    grid-template-columns: 1fr;
  }
  
  .project-grid.columns-4 {
    grid-template-columns: 1fr;
  }
}

.project-grid > * {
  /*margin: -0.5px;*/
}

.project-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255,255,255,0.8);
  padding: 15px;
  text-align: left;
}

.project-no-record {
  padding: 20px 0;
}