.article-header{min-height: 400px; position: relative; margin: 0 auto;}
.article-header-content{padding: 30px 30px 30px 0;}
.article-header-content h1{font-size:40px;line-height: 40px;}
.article-header-image{position: absolute; top: 0; right: 0; width: calc(50% - 15px); height: 100%;}
.article-header-image img{width: 100%; height: 100%; object-fit: cover;}
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width: 1199.98px){
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width: 991.98px) {  
.article-header{min-height: 300px;}

}
/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width: 767.98px){
.article-header{min-height:auto;}
.article-header-content{text-align: center; padding: 33px 0;}
.article-header-content h1{margin: 0; font-size: 32px; line-height: 36px;}
.article-header-image{position: relative;top: 0;left: 0;width: 100%;height: auto;}
 
}
/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width: 575.98px) {

}