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