.hero-banner{background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;padding:100px 0;position:relative}.hero-banner .article-banner-contents{color:#fff;position:relative;z-index:5}.hero-banner .article-banner-contents .banner-content{padding-block-end:30px}.hero-banner .article-banner-contents .banner-content span{background-color:#18b5ae;display:inline-block;font-family:Roboto,sans-serif;font-weight:300;margin-bottom:30px;padding:5px 10px}.hero-banner .article-banner-contents .banner-content h1{font-size:36px;font-weight:400;line-height:1.2;margin-bottom:0;padding-top:0}.hero-banner .article-banner-contents .banner-content h4{font-size:22px;font-weight:400;margin-bottom:0;padding-top:0}.hero-banner .article-banner-contents .author-section{margin-bottom:25px}.hero-banner .article-banner-contents .author-section,.hero-banner .article-banner-contents .author-section .article-author{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap}.hero-banner .article-banner-contents .author-section .article-author{margin-bottom:15px}.hero-banner .article-banner-contents .author-section .article-author .author-image{flex-shrink:0;margin-right:20px}.hero-banner .article-banner-contents .author-section .article-author .author-image img{border-radius:50%;height:auto;width:60px}.hero-banner .article-banner-contents .author-section .article-author .author-content{flex-grow:1;margin-right:20px;margin-top:10px}.hero-banner .article-banner-contents .author-section .article-author .author-content h5{margin-bottom:5px;padding-top:0}.hero-banner .article-banner-contents .author-section .article-author .author-content p{color:#ddd;font-size:17px;font-weight:300;margin-bottom:0}.hero-banner .article-date:after{background:#fff;content:"";height:2%;left:0;position:absolute;top:-14px;width:85%}.hero-banner .article-date{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;margin-top:10px;position:relative}.hero-banner .article-date .date p{color:#ddd;font-size:17px;font-weight:300;margin-right:16px;position:relative}.hero-banner .article-date .date p:after{border:1px solid #fff;content:"";height:65%;left:67px;position:absolute;top:4px;width:0}.hero-banner .article-date .type p{color:#ddd;font-size:17px;font-weight:300}.hero-banner button{background:none;border:none;bottom:70px;cursor:pointer;left:calc(50% - 25px);position:absolute;z-index:2}.hero-banner button svg{fill:#fff;height:30px;width:30px}@media (min-width:576px){.hero-banner .article-banner-contents .author-section .article-author{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;margin-right:16px}.hero-banner .article-banner-contents .author-section .article-author .author-content{margin-top:0}}@media (min-width:768px){.hero-banner{height:800px;padding:150px 0}.hero-banner .article-banner-contents .banner-content{padding-block-end:50px}.hero-banner .article-banner-contents .banner-content h1{font-size:48px;line-height:1.5}.hero-banner .article-banner-contents .banner-content h4{font-size:26px}.hero-banner button{bottom:100px}.hero-banner button svg{height:50px;width:50px}}