.blog-post-header{padding:60px 0}.blog-post-header .text{width:50%;float:left;padding-right:2%}.blog-post-header .text .dates{margin-bottom:20px}.blog-post-header .featured-img{width:50%;float:left}.blog-post-header .text .dates span{color:#fff;font-size:16px;line-height:22px}.blog-post-header .text .author{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;flex-wrap:wrap}.blog-post-header .text .avatar{width:56px;height:56px;border-radius:100px;overflow:hidden;float:left;margin-right:10px;border:3px solid #bfe0ff}.blog-post-header .text .info .name{color:#fff}.blog-post-header .text .dates .line{color:#fff}.blog-post-header .text .title h1{color:#fff;font-size:45px;font-weight:300;line-height:61px}.blog-post-header .text .title{margin-bottom:30px}.blog-post-header .inner{display:inline-block;width:100%}.blog-post-header .text .author .info .name a{color:#fff;font-size:16px;line-height:22px;text-decoration:none}.blog-post-header .text .author .info .social a{color:#fff;font-size:16px;font-weight:600;line-height:22px;text-decoration:none}.blog-post-header .featured-img img{width:100% !important}@media only screen and (max-width :1200px){.blog-content-section .blog-content #hubspot-topic_data{padding:0 20px}}@media only screen and (max-width :767px){.blog-post-header .text{width:100%;padding-right:0}.blog-post-header .featured-img{width:100%;margin-top:30px}.blog-post-header .text .title h1{color:#192024;font-size:36px;font-weight:300;line-height:42px}}