main{padding:0;text-align:center}main .author img{border-radius:50%;max-width:200px;padding:40px}main .author p{font-size:22px;padding:20px 10px}main .author a{border-radius:3px;color:#fff;font-weight:300;margin:0 3px;padding:3px 8px;text-decoration:none}main .author a.website{background-color:#28394c}main .author a.twitter{background-color:#2caae1}main .author a.linkedin{background-color:#007ab6}main .author h2{-webkit-margin-after:0;font-weight:700;padding:60px 0 0}@media screen and (min-width:48em){main .author p{padding:20px 40px}}@media screen and (min-width:64em){main .author p{padding:20px 120px}}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}}