.project-item{flex:0 0 33%;height:350px;max-width:calc(33% - 1rem)}@media screen and (max-width:1035px){.project-item{flex:0 0 50%;max-width:calc(50% - 2rem)}}@media screen and (max-width:550px){.project-item{flex:0 0 100%;height:250px;margin:auto;max-width:90%}}.project-item a{display:block;height:100%;position:relative;text-decoration:none}.project-item a:focus .has-img .project-legend,.project-item a:hover .has-img .project-legend{background-color:#9152f7a6;height:100%;opacity:1}.project-item a .has-img,.project-item a .no-img{height:100%}.project-item a .has-img .project-legend{align-items:center;color:#fff;display:flex;font-size:22px;font-weight:500;height:0;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:all .2s;width:100%}.project-item a .has-img .project-legend p{padding:0 10px}.project-item a .no-img{background-color:#9152f7}.project-item a .no-img .project-legend{align-items:center;color:#fff;display:flex;font-size:22px;font-weight:500;height:100%;justify-content:center;transition:all .2s;width:100%}.project-item img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.project-item .no-picture{align-items:center;background-color:#c8d1ff;color:#08186b;display:flex;font-size:18px;font-weight:500;height:100%;justify-content:center}.loader-wrapper{align-items:center;display:flex;height:60vh;justify-content:center}.loader{height:100px;margin:auto;width:100px}.loader svg{height:100%;width:100%}