#newsArticle {margin: 40px 0 0 0;}
    #newsArticle h1 {font-size: 68px; }
    .contentright h2 {font-size: 38px; margin: 0 0 35px 0;}
    #newsArticle h3 {font-size: 32px; }
    #newsArticle h4 {font-size: 24px;}
    #newsArticle p {font-size: 20px; font-weight:lighter; margin: 0 0 35px 0;}
    #newsArticle img {max-width:100%; display:block;}
        #newsArticle .preamble p { font-size: 24px; }
    #newsArticle .date {font-size: 18px;}
    #newsArticle .socialMedia {display:flex; justify-content:flex-start; align-items:center; gap: 10px;}
.headerBlock {margin: 0 auto 35px auto !important;}
.textBlock { max-width:100%; width: 933px; margin: auto; }
    .imageBlock,
    .imageTextBlock,
    .youtubeBlock {width: 1529px; max-width:100%;}
.textBlock, .imageBlock, .imageTextBlock, .youtubeBlock {margin: 0 auto 85px auto;}
#newsArticle .textBlock p:last-child { margin: 0; }

.imageTextBlock {display:flex; justify-content:center; align-items:center; margin: 0 auto 85px auto;}
.imageTextBlock.textFirst {flex-direction:row-reverse;}
    .imageTextBlock .imageBlock,
    .imageTextBlock .textBlock {width:49.8%; margin: 0; }
    .imageTextBlock .textBlock { padding: 0 97px; max-width: 559px;}
        .imageTextBlock .textBlock a { font-size: 22px; border: 1px solid #000; padding: 16px 20px 12px 20px; display: inline-flex; justify-content: center; align-items: center; margin: 0 25px 0 0; text-decoration: none; color: #000; line-height: 1em; }
            .imageTextBlock .textBlock a:hover {color:#fff; background:#000;}
            .imageTextBlock .textBlock a::after { content: url('/gfx/icons/arrow-right-short-black.svg'); display: block; margin-left: 0.5em; }
        .imageTextBlock .textBlock a:hover::after { filter: invert(100%); }
.quoteBlock { max-width: 100%; width: 1135px; margin: 0 auto 85px auto; display: flex; justify-content: flex-start; }
    .quoteBlock .quoteIcon { padding: 0 35px 0 0; margin: 0 35px 0 0; border-right: 1px solid #D5D5D5; flex-basis:67px; flex-shrink:0;}
.quoteBlock .quoteIcon img {width: 67px;}
#newsArticle .quoteText {width:75%;}
#newsArticle .quoteBlock p { font-size: 32px; margin: 0 0 25px 0; line-height: 1.2em; }
    #newsArticle .quoteBlock p.quoteMaker {font-size: 20px; color:#000; margin: 0; line-height:1em;}

   #newsArticle p.imageText {margin: 20px 0 0 0; font-style:italic;}

.youtubeBlock iframe { aspect-ratio: 16 / 9; width: 100%; height: auto; border: 0; display: block; }

blockquote {font-style:italic;}

.footerBlock { border-top: 1px solid #00000050; padding: 40px 0 0 0; }
    #newsArticle .footerBlock p {color:#00000050; font-size:18px; font-weight:normal;}


@media screen and (max-width: 1050px) {
    #newsArticle h1 { font-size: 54px; }
    .contentright h2 { font-size: 32px; margin: 0 0 25px 0; }
    #newsArticle h3 { font-size: 28px; }
    #newsArticle h4 { font-size: 20px; }
    #newsArticle p { font-size: 16px; margin: 0 0 15px 0; }
    #newsArticle .date {font-size: 16px;}
    #newsArticle .preamble p {font-size: 18px;}
    .textBlock, .imageBlock, .imageTextBlock, .youtubeBlock, .quoteBlock {margin: 0 auto 40px auto;}
    #newsArticle .quoteBlock p {font-size: 26px;}
        #newsArticle .quoteBlock p.quoteMaker {font-size: 18px;}
    .imageTextBlock {flex-direction:column; gap: 20px;}
        .textBlock {width:100%;}
    #newsArticle img {width:100%;}
    .imageTextBlock .imageBlock, .imageTextBlock .textBlock { width: 100%; max-width: 100%; padding: 0; }
}

@media screen and (max-width: 860px) {
    #newsArticle h1 { font-size: 48px; }
    .contentright h2 { font-size: 28px; margin: 0 0 15px 0; }
    #newsArticle h3 { font-size: 24px; }
    #newsArticle h4 { font-size: 18px; }
    #newsArticle .quoteBlock p { font-size: 24px; }
    .quoteBlock .quoteIcon {padding: 0 15px 0 0; margin: 0 15px 0 0;}
    .imageTextBlock .textBlock a { font-size: 16px; padding: 10px 10px 5px 10px; }

}
@media screen and (max-width: 600px) {
    #newsArticle h1 { font-size: 36px; }
    .contentright h2 { font-size: 24px; margin: 0 0 15px 0; }
    #newsArticle h3 { font-size: 20px; }
    #newsArticle p { font-size: 14px; margin: 0 0 10px 0; }
    #newsArticle .date { font-size: 16px; }
    #newsArticle .preamble p { font-size: 16px; }
    #newsArticle .quoteBlock p { font-size: 20px; }
        #newsArticle .quoteBlock p.quoteMaker { font-size: 16px; }
    .imageTextBlock .textBlock a { font-size: 14px; }
    .imageTextBlock .textBlock a::after { content: url('/gfx/icons/arrow-right-short-black-small.svg');  }
}