@media print {

    * {
        background: 0 0 !important;
        color: #000 !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important
    }
    
    a,
    a:visited {
        color: #444 !important;
        text-decoration: underline
    }
    
    abbr[title]:after {
        content: " ("attr(title) ")"
    }
    
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    
    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    
    thead {
        display: table-header-group
    }
    
    img,
    tr {
        page-break-inside: avoid
    }
    
    img {
        max-width: 100% !important
    }
    
    @page {
        margin: 2cm .5cm
    }
    
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    
    h2,
    h3 {
        page-break-after: avoid
    }
    
    .ad-unit-footer,
    .article-carousel-module,
    .article-next,
    .article-next-header,
    .date-and-search form,
    .footer-nav-social,
    .header-sticky-container,
    .preview-bar,
    .recommend-box {
        display: none !important
    }
    
    .article-hero .salary-survey-header,
    .article-hero h1 {
        width: 100% !important
    }
    
    .article-sidebar {
        display: none !important
    }
    
    .article-content-column {
        width: 100% !important;
        padding: 0 !important
    }
    
    .blog-content footer>.comments-info:first-child,
    .soundtrack-groups footer>li:first-child,
    footer>.row:first-child {
        display: none !important
    }
    
    .article-content p {
        padding-right: 0 !important
    }
    
    .written-by .col-6 {
        float: left;
        width: 4cm !important
    }
    
    .article-hero .article-hero-content {
        height: auto !important
    }
    
    .article-hero .hero-content {
        height: auto !important;
        padding: 1cm 0 !important;
        top: 70px !important
    }
    
    #article-comments,
    #generic-popup-controller,
    .blog-footernav,
    .blog-sidebar,
    .blogpost-comments--block {
        display: none
    }
    /* overwrite css print code  */
    .article-hero h1 {
        margin-bottom: 0rem !important;
        font-size: 22px !important;
    }
    .article-hero .hero-content {
        height: auto !important;
        padding: 0 !important;
        top: 20px !important;
    }
    .article-columns-container .article-content-column {
        height: auto !important;
        overflow: inherit !important;
        position: inherit !important;
    }
    .article-content img {
        width: auto;
        max-height: 300px;
    }
    #main-nav,
    .date-and-search,
    .ad-unit-header-bottom,
    .mobile-nav-container,
    .photo-credit-mobile,
    .photo-credit,
    .donate-box,
    .written-by,
    .footer,
    .article-mask,
    .photo-credit-mobile,
    .social-nav,
    .share-icon-container,
    #jBox1,
    .jBox-wrapper,
    .ad-unit-header-top,
    .blog-sidebar-ad-container,
    #articles-main-menu-social{
        display: none !important;
        visibility: hidden;
        height: 0;
        width: 0;
        opacity: 0;
    }
}