.recent-products {
  padding: 4rem;
}
.recent-products .heading {
  text-align: center;
  font-family: Tenor Sans;
  margin: 4rem 0;
  color: rgba(90, 66, 43, 1);
  text-decoration: underline;
  font-size: 48px;
}
.projects-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
.project-item img {
  width: 100%;
  max-height: 90vh;
  margin: 2rem 0;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.project-item h2 {
  color: #5b432c;
  font-family: Raleway;
  font-size: 3.6rem;
  padding: 0;
  margin: 0;
  text-align: center;
}
.projects-grid .project-item h2 {
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .projects-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .project-item h2 {
    font-size: 2rem;
  }
}