.project-item{height:100px;background-color:gray;color:#fff;font-weight:400}.project-item:hover{opacity:.8}.project-link:focus .project-item{opacity:.8}.project-image{display:none;padding:1px}.project-image span{display:inline-block;width:100%;height:100%}.project-info{display:flex;align-items:center;padding:4%}.project-title{font-family:'Sheffield Headline';font-size:24px;line-height:1.1}.project-subtitle{display:block;font-size:14px;line-height:1.1;padding-top:.5em}.project-item:hover .project-subtitle,.project-link:focus .project-subtitle{display:none}.project-readmore{display:none;font-size:14px;line-height:1.1;padding-top:.5em}.project-item:hover .project-readmore,.project-link:focus .project-readmore{display:block}@media(min-width:768px){.project-item{height:250px}.project-item .project-image{display:block;height:47%}.project-item .project-info{height:53%}.project-item .project-title{font-size:24px}.project-item .project-subtitle{font-size:16px}.project-item .project-readmore{font-size:16px}}@media(min-width:992px){.project-item{height:300px}.project-item .project-image{height:49.5%}.project-item .project-info{height:50.5%}.project-item .project-title{font-size:28px}.project-item .project-subtitle{font-size:22px}.project-item .project-readmore{font-size:22px}.project-item.smaller{height:250px}.project-item.smaller .project-image{height:38%}.project-item.smaller .project-info{height:62%}.project-item.smaller .project-title{font-size:24px}.project-item.smaller .project-subtitle{font-size:16px}.project-item.smaller .project-readmore{font-size:16px}}@media(min-width:1200px){.project-item .project-image{height:60%}.project-item .project-info{height:40%}.project-item.smaller .project-image{height:45%}.project-item.smaller .project-info{height:55%}.project-item.smaller .project-title{font-size:26px}.project-item.smaller .project-subtitle{font-size:20px}.project-item.smaller .project-readmore{font-size:20px}}@media(min-width:1400px){.project-item{height:350px}.project-item.smaller{height:300px}.project-item.smaller .project-title{font-size:28px}.project-item.smaller .project-subtitle{font-size:22px}.project-item.smaller .project-readmore{font-size:22px}}