.article-hero-image-comp .artile-hero-header h1{font-family:"PlayfairDisplay-Regular";font-size:42px;line-height:44px}
.article-hero-image-comp .artile-hero-header p a{padding-bottom:2px;border-bottom:1px solid #000}
.article-hero-image-comp.article-black .artile-hero-header p a{border-bottom:1px solid #fff}
.article-hero-image-comp .artile-hero-header p{font-size:16px;line-height:22px;font-weight:300}
.article-hero-image-comp.article-black{background:#000}
.article-hero-image-comp.article-black .artile-hero-header h1,.article-hero-image-comp.article-black .artile-hero-header p a,.article-hero-image-comp.article-black .artile-hero-header p{color:#fff}
@media only screen and (max-width:767px){.article-hero-image-comp .artile-hero-header h1{font-size:28px;line-height:30px}
}
@media only screen and (max-width:767px) and (orientation:landscape){.article-hero-image-comp .artile-hero-header h1{font-size:28px;line-height:30px}
}
@media only screen and (min-width:768px) and (max-width:991px){.article-hero-image-comp .artile-hero-header h1{font-size:32px;line-height:34px}
}
@media only screen and (min-width:991px) and (max-width:1024px){.article-hero-image-comp .artile-hero-header h1{font-size:36px;line-height:40px}
}
.designfull-blog-page p:first-child,.designfull-blog-page .article-title,.article-hero-image-comp .artile-hero-header .article-title{font-size:14px;line-height:18px;color:#000}
.designfull-blog-page p:last-child,.designfull-blog-page .article-subtitle,.article-hero-image-comp .artile-hero-header .article-subtitle{font-size:10px;line-height:14px;color:#666}
.designfull-blog-page .article-subtitle,.article-hero-image-comp .artile-hero-header .article-subtitle{color:#000;display:block}
.article-hero-image-comp .artile-hero-header .article-title,.designfull-blog-page .article-title{margin-bottom:6px;display:block}
@media(min-width:768px) and (max-width:991px){.designfull-blog-page .tabb-view.align-self-center{display:flex}
}