.article-details-container{position: relative; padding: 0px 0 0px 0; float: left; width: 100%; text-align: left;
    .article-title{font-size: 40px; padding: 0 0 0px 0; line-height: 1.3; text-align: center;
        @media screen and (max-width: 768px) {
            font-size: 24px; padding-bottom: 15px;
        }
    }
    .article-featured-img{float: left; margin-left: -15%; width: 130%; padding-bottom: 30px;
        @media screen and (max-width: 768px) {width: 100%; margin-left: 0;}    
    }
    .article-desc{padding: 0 0 50px 0;
        & *{color: #444; max-width: 100%;}
        //&,p,ul,ol,li,a,button,a,span,i,b{line-height: 1.6; font-size: 18px;}
        
//        &>p:first-child:first-letter,span:first-child:first-letter {float: left; font-size: 80px; line-height: 80px; padding-top: 4px; padding-right: 8px; padding-left: 3px;}
        
        img{max-width: 100% !important;}
    }
    .article-info{float: left; width: 100%; text-align: center; margin-bottom: 30px;}
}