main{padding:0;text-align:center}main #heading{margin:30px 0 5px}main #topic-list{margin:0 7% 20px}main #topic-list .btn-round{margin-bottom:10px}main #topic-list .btn-round.focused{font-weight:700}main hr{box-shadow:0 2px 3px #b2baba}main .article-tile{border:1px solid #eaeaea;box-shadow:0 5px 5px 0 #f7f7f7;margin:20px}main .article-tile .article-image{background-color:#28394c;display:flex;min-height:342px;overflow:hidden;position:relative;width:100%}main .article-tile .article-image .img-block{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;opacity:.4;transition:all 1s ease;width:100%}main .article-tile .article-image:hover .img-block{opacity:.2}main .article-tile h3{margin:auto;padding:0 20px;position:absolute;top:50%;transform:translateY(-50%);width:100%}main .article-tile h3 a{color:#fff;text-decoration:none}main .article-tile .teaser{background-color:#fff;padding:0 20px;text-align:left}main .article-tile .teaser .article-content{height:150px;margin-top:15px}main .article-tile .teaser .article-content .author-image{float:left;margin-right:20px;width:35px}main .article-tile .teaser .article-content .author-image img{border-radius:50%}@media screen and (min-width:80em){main .article-tile .article-image{min-height:384px}}