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

@media(max-width:850px){
  .proof-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:560px){
  .proof-grid{grid-template-columns:1fr}
}

.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.project--with-media{padding:0;overflow:hidden;display:flex;flex-direction:column;border-radius:24px;background:#fff;box-shadow:0 18px 42px rgba(44,62,80,.14)}
.project--with-media:before{display:none}
.project-media{position:relative;height:190px;overflow:hidden;background:#DEE4E3}
.project-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.project-badge{position:absolute;top:16px;right:16px;padding:9px 13px;border-radius:999px;background:#C87259;color:#fff;font-size:.72rem;font-weight:800;box-shadow:0 6px 16px rgba(44,62,80,.18)}
.project-content{padding:24px 26px 27px}
.project-badge,.project-content .project-label{display:none}
.project--with-media .project-content h3{margin:0 0 9px;font-size:1.5rem}
.project--with-media .project-content p{max-width:34rem}
.project--with-media:last-child:nth-child(odd){grid-column:1 / -1;width:calc(50% - 9px);justify-self:center}

@media(max-width:560px){
  .project-grid{grid-template-columns:1fr}
  .project-media{height:180px}
  .project--with-media:last-child:nth-child(odd){grid-column:auto;width:auto}
}

#diensten .card{
  border:2px solid #2C3E50;
  box-shadow:0 10px 0 rgba(44,62,80,.12),0 18px 30px rgba(44,62,80,.12);
  transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease;
}

#diensten .card:before{display:none}

main>.section{
  background:#fbfcfb;
  border-top:1px solid rgba(84,155,140,.09);
}

main>.section:nth-of-type(2n){
  background:#f6faf8;
}

.process-infographic{
  margin:0 0 30px;
  overflow:hidden;
  border:1px solid rgba(84,155,140,.14);
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 34px rgba(44,62,80,.08);
}

.process-infographic img{
  display:block;
  width:100%;
  height:auto;
}

#diensten .card:hover{
  transform:translateY(-7px);
  background:#f8fbfa;
  box-shadow:0 13px 0 rgba(44,62,80,.12),0 25px 40px rgba(44,62,80,.2);
}

@media(prefers-reduced-motion:reduce){
  #diensten .card{transition:none}
  #diensten .card:hover{transform:none}
}