.projects{grid-gap:20px;display:grid;grid-template-columns:repeat(4,1fr)}@media screen and (max-width:768px){.projects{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:400px){.projects{grid-template-columns:1fr}}.projects a.project{color:#000;text-decoration:none}.projects a.project--hidden{display:none}.projects a.project div.project-image{filter:saturate(.7);position:relative}.projects a.project div.project-image:after{background-color:#fff;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:.5s;width:100%}.projects a.project h1{font-weight:200;margin:5px 0}.projects a.project h1,.projects a.project h2{font-size:12px;text-align:center;transition:.5s}.projects a.project h2{font-weight:100;margin:0}.projects a.project:hover h1,.projects a.project:hover h2{color:grey}.projects a.project:hover div:after{opacity:.5}