#ws-project-gallery,
#ws-explore-projects-grid {
  width:100%;
  margin: 0 auto 5rem;
  padding: 0 20px;
  max-width: 90rem;
}

#ws-project-gallery h3,
#ws-explore-projects h3 {
  margin-bottom: 2rem;
}

#ws-project-gallery .ws-grid,
#ws-explore-projects .ws-grid {
  grid-template-columns: 1fr 1fr;
}

#ws-explore-projects.single-project {
  padding: 5rem 0;
  margin-bottom: 5rem;
  background-color: #f3f3f3;
}

#ws-project-gallery .ws-grid article {
  background-size: cover;
  background-repeat: none;
  line-height: 0;
  border-radius: 1rem;
}

#ws-project-gallery .ws-grid img {
  max-width: 100%;
  opacity: 0;
}

@media screen and (min-width: 641px) {

  #ws-project-gallery,
  #ws-explore-projects {
    padding: 0 2rem;
  }

  #ws-project-gallery .ws-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

}

@media screen and (min-width: 1024px) {

  #ws-explore-projects .ws-grid {
    grid-template-columns: repeat(3, 1fr);
  }

}