*{text-decoration: none; max-width: 100%; box-sizing: border-box;}
html,body{margin: 0; padding: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
img{border: none;}
a { color: #3661A0; }
b { font-family: 'Helvetica Neue Bold', Helvetica, Arial, sans-serif; }
.clearfix{clear: both}
.bold{font-weight: bold;}
.italic{font-style: italic;}
.right{text-align: right;}
.underline{text-decoration: underline;}
.center{text-align: center;}
.left{text-align: left;}
body .row{margin-right: 0px; margin-left: 0px;}
.caption{font-size: smaller;}
.orangeLine{background-color: #e56a55; height: 3px; border: none; width: 42%; margin-left: 0px; margin-bottom: 30px;}
body .container{ margin: 0 auto; width: 770px; }
.outerContainer { background: black; }
.bannerSection{ background-size: 100% 100%; background-repeat: no-repeat; padding: 5% 0; width: 75%; margin: 0 auto; }
.bannerSection h1{ font-size: 55px;	color: #FFFFFF; font-family: "LibreFranklin", sans-serif; text-transform: uppercase; }
#articleText p{font-size: 20px; color: #4A4A4A; line-height: 32px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 0 30px;}
#articleText p.authorName{color: #585554; font-size: 20px; margin-bottom: 0px;}
#articleText p.authorDesc{font-size: 16px; line-height: 24px;}
#articleText{ padding-top: 4%; background: #fff; width: 75%; margin: 0 auto; }
.dateText{color: #FFFFFF;	font-family: "Open Sans", sans-serif;	font-size: 14px; margin-top: 37px;}
.quoteIcon{width: 40%;}
#videoThumbnail{ width: 100%; margin-bottom:0px;}
.subBoldtext h2{color: #585554; font-family: 'DIN Alternate', serif; font-size: 45px; font-weight: 900;}
.extraMargin{margin-top: 20px; margin-bottom: 20px;}
.line { box-sizing: border-box; height: 1px; width: 62px; border: 1px solid #FFFFFF; margin-top: 35px; }
/* #articleText .subtitles{color: #585554;	font-family: 'Oswald', serif; font-size: 12px; margin-top: 10px;} */
.blackVideoBack{margin-bottom: 30px; position: relative; height: 431px; background-color: #333333;	box-shadow: 0 12px 24px 0 rgba(0,0,0,0.15);}
.blackVideoBack img{position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto;}
#authorSection{margin-top: 80px; border-top: 6px solid #2c3742; padding-top: 40px;}
.thumbnailImage { margin-bottom: 25px; }
.watchPresentationLink{display: inline-block; color: #fff; font-family: 'Lato', sans-serif; font-weight: 900; font-size: 17px; padding: 20px 0; text-align: center; letter-spacing: 2.43px; }
.watchPresentationLink:hover { color: #fff; text-decoration: none; }
footer{background-color: #3661A1; padding-top: 50px; width: 75%; margin: 0 auto;}
footer p{color: white; font-family: "LibreFranklin", sans-serif; font-size: 13px; margin-bottom: 0px; padding-bottom: 5px; }
footer a, footer a:visited { color: #fff; font-weight: bold;}
footer a:hover { color: #fff; }
.footerLogo { width: 17%; display: inline-block; margin-right: 10px; }
.footerText { display: inline-block; }
.ad{position:absolute; top: 0; left: 0; right: 0; margin: auto; text-align: center; color: white;}

@media (max-width: 1400px) and (min-width:1000px){
    .bannerSection h1 {
        font-size: 50px;
    }

    body .container {
        margin: 0 auto;
    }

}

@media (max-width:1000px) and (min-width:700px) {
    
    .outerContainer {
        background: unset;
    }

    .bannerSection h1 {
        font-size: 30px;
    }

    .bannerSection {
        padding: 15px 0;
        width: 100%;
    }

    .footerLogo { width: 20%; margin-bottom: 15px; }

    body .container { 
        margin: 0 auto;
    }

    footer {
        width: 100%;
    }

    #articleText { 
        width: 100%; 
    }

}

@media (max-width:700px) and (min-width:250px) {
	.bannerSection {width: 100%;}

#articleText {width: 100%;}

footer {width: 100%;}
	
.bannerSection h1 {font-size: 35px;}
}