@font-face {font-family:"Lato Hairline";src:url("https://o.aolcdn.com/os/canada/huffpo/fonts/Lato-Hairline.ttf") format("truetype");font-weight:normal;font-style:normal;}
@font-face {font-family: "AGaramond";src: url("https://o.aolcdn.com/os/canada/huffpo/fonts/AGaramondPro-Regular.otf") format("otf");}
*{box-sizing:border-box;font-family: "AGaramond";}
body{font-family: "AGaramond";}
html{overflow-y: scroll;}
img{max-width:100%;}
.l-viewport{}
.m-container{width:1200px;margin:10px auto 40px;position:relative;max-width: 1800px;}
.m-chapter-container{max-width: 1800px; margin: 0 auto;}
.clearfix,.clear{clear:both;}
.site-tmplt-wrap{margin: 0 auto ;border: 1px solid red; width: 85%;}
.site-mn-vid img {width:100%;}
.site-mn-vid video{width:100%;}
.site-mn-title{font-size: 28px;left: 24%;position: absolute;top: 30%;color:#fff;}
.site-mn-cntnt{position:relative;}
.site-mn-cntnt .site-mn-vid {position: relative;}
.site-mn-teaser {font-size: 30px;line-height: 34px;margin-left: 20%;margin-right: 20%;margin-top: 6%;text-align: justify;}
.site-header{background:#000;padding:20px 0;}
.site-header-logo{background-color: black;color: white;font-size: 35px;padding: 10px 0;text-align: center;text-transform: uppercase;font-family:"EB Garamond";width:300px;margin:0 auto;}
.site-scroll-logo{display:none;background-color: black;color: white;font-size: 28px;padding: 0px 0;text-align: center;text-transform: uppercase;font-family:"EB Garamond";width:250px;margin:0 auto;}
.site-cptrs-vid img{width:100%;}
.site-cptrs-txtarea {margin: 10%;}
.site-cptrs-img {float: left;}
.site-cptrs-teaser {float: right;font-size: 30px;line-height: 33px;text-align: center;width: 50%;}
.site-cptrs-video {clear: both;}
.site-fotr{margin-left: 47%;margin-top: 10%;}
.l-content{padding-top:0;}
.m-pageintro{min-height:725px;width:100%;position:relative;top:0;left: 0;z-index: 9;padding:0;margin: 60px 0 0px;}
.m-pageintro-video-overlay{width:100%;height:100%;position:absolute;overflow:hidden;}
.m-pageintro-video-overlay video{min-width:100%;min-height:100%;overflow:hidden;position:absolute;top:50%;left:50%;z-index:0;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
.m-pageintro-overlay,.m-chapter-overlay{width:100%;height:100%;position:absolute;background:#000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40);-moz-opacity: 0.4;-khtml-opacity: 0.4;opacity: 0.4;}
.m-pageintro-content{position:absolute;top:45%;left:50%;z-index:1;width:100%;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%)translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
.m-pageintro-content h1{font-size:100px;letter-spacing:20px;margin:20px 0 0;color:#fff;text-transform:uppercase;text-align:center;font-family:"Lato Hairline";opacity: 0;-webkit-animation: start 1s 3.7s ease-in; -moz-animation: start 1s 3.7s ease-in; -ms-animation: start 1s 3.7s ease-in; -o-animation: start 1s 3.7s ease-in; animation: start 1s 3.7s ease-in; animation-fill-mode: forwards;}
.m-pageintro-content h2{font-size:22px;padding:20px 30px;line-height:35px;color:#fff;text-align:center;opacity: 0; -webkit-animation: start 1s 4.2s ease-in; -moz-animation: start 1s 4.2s ease-in; -ms-animation: start 1s 4.2s ease-in; -o-animation: start 1s 4.2s ease-in; animation: start 1s 4.2s ease-in; animation-fill-mode: forwards;}
.m-pageintro-content .share-btns {padding: 0px;text-align:center;margin:40px 0 0;opacity: 0; -webkit-animation: start 1s 4.7s ease-in; -moz-animation: start 1s 4.7s ease-in; -ms-animation: start 1s 4.7s ease-in; -o-animation: start 1s 4.7s ease-in; animation: start 1s 4.7s ease-in; animation-fill-mode: forwards;}
@-moz-keyframes start {0%{opacity:0;}20%{opacity:0.2;}40%{opacity:0.4;}60%{opacity:0.6;}80%{opacity:0.8;}100%{opacity: 1;}}
@-o-keyframes start {0%{opacity:0;}20%{opacity:0.2;}40%{opacity:0.4;}60%{opacity:0.6;}80%{opacity:0.8;}100%{opacity: 1;}}
@-webkit-keyframes start {0%{opacity:0;}20%{opacity:0.2;}40%{opacity:0.4;}60%{opacity:0.6;}80%{opacity:0.8;}100%{opacity: 1;}}
@keyframes start {0%{opacity:0;}20%{opacity:0.2;}40%{opacity:0.4;}60%{opacity:0.6;}80%{opacity:0.8;}100%{opacity: 1;}}
.m-go-to-chapters{text-align:center;position:absolute;opacity: 0;bottom:90px;left:0;right:0;margin:0 auto;-webkit-animation: start 1s 5.2s ease-in; -moz-animation: start 1s 5.2s ease-in; -ms-animation: start 1s 5.2s ease-in; -o-animation: start 1s 5.2s ease-in; animation: start 1s 5.2s ease-in; animation-fill-mode: forwards;}
.m-go-to-chapters .m-chapters-go{background: #000;color: #ccc;font-size: 12px;margin: 0 5px 5px;padding: 4px 7px 8px;text-transform: uppercase;}
.m-go-to-chapters .m-chapters-go:hover{color: #fff;}
.site-header .share-btns{display:none;position:absolute;top:5px;right:20px;}
.site-header .aol-share a span{display:none !important;}
.site-header .aol-share a{padding: 10px}
.site-header .aol-share a.fa-facebook{padding:10px 13px;}
.aol-share a {display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;padding: 15px 15px 15px 25px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-transform:uppercase;}
.aol-share a span{font-family:'Oswald', Helvetica, Arial, sans-serif;font-weight: 500;margin: 0px 10px;}
.share-btns .btn-share,
.share-btns .aol-share a {color: #fff;border: none;margin: 10px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;float:none;text-decoration:none;width:auto;}
.share-btns .btn-share:hover {cursor: pointer;}
.share-btns .btn-share .fa {margin-right: 10px}
.share-btns .btn-twitter, .share-btns .fa-twitter {background: #4099ff}
.share-btns .btn-twitter:hover, .share-btns .fa-twitter:hover {background: #0071f3}
.share-btns .btn-facebook, .share-btns .fa-facebook {background: #3b5998}
.share-btns .btn-facebook:hover, .share-btns .fa-facebook:hover {background: #263961}
.m-footer .share-btns{margin:0 0 30px;text-align:center;}
.m-pageintro-content .thumbs {display: none;margin: 0 auto}
.aol-share a b{display:none;}
.page-description{width: 900px;margin:30px auto 0;font-size:23px;line-height:40px;}
.m-chapter-wrap{position:relative;border-bottom:1px solid #ccc;margin:20px 0 30px;}
.m-chapter-header{position:relative;min-height:480px;margin:10px 0 10px;}
.m-chapter-video-overlay{position:absolute;width:100%;height:100%;overflow:hidden;}
.m-chapter-video-overlay video{position:absolute;width:100%;overflow:hidden;top:50%;left:50%;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
.m-chapter-video-overlay .chapter_bg_img{position:absolute;width:100%;overflow:hidden;top:71%;left:50%;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
.m-chapter-content{position:absolute;left:5%;top:50%;color:#fff;-webkit-transform:translateY(-50%);-moz-transform: translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.m-chapter-content h2{font-size:30px;line-height:50px;}
.m-chapter-content h3{font-size:22px;line-height:28px;}
.m-chapter-controls{padding:10px 15px;text-align:center;}
.m-chapter-previous,.m-chapter-next{background:#000;color:#fff;padding:4px 7px 8px;margin: 0 5px 5px;font-size:12px !important;}
.m-chapter-quote-wrap{width:100%;padding:20px 50px;position:relative;}
.m-chapter-quote-img{width:20%;margin:0 auto;}
.m-chapter-quote-img.image-right{float:right;}
.m-chapter-quote-img>img{max-width:100%;width:100%;}
.m-chapter-quote{text-align:left;font-size:28px;line-height:50px;padding:50px 40px}
.m-chapter-video-wrap{padding:20px 0 20px;width:100%;margin:10px 0 0;position:relative;}
.m-chapter-video-wrap:last-child{margin: 10px 0 0;}
.m-chapter-video-wrap video{width:100%;}
.m-chapter-video-wrap .next-chapter-btn {display:none;background: #dddddd;border-radius: 5px;color: #1e1e1e;left: 50%;padding: 10px 15px;position: absolute;top: 50%;transform:-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);z-index: 999;}
.fade-in-on-scroll{opacity:0;}
.m-credits-wrap{text-align:center;}
.m-credits-wrap h2{font-size:30px;margin:0 0 20px;}
.m-credit{padding:10px;}
.m-credit .m-credit-image{width:25px;display:inline-block;margin:0 10px 0 0;}
.m-credit .m-credit-title{display:inline-block;}
.m-footer{background:#fff;padding:20px 0;}
.m-footer .m-footer-logo{text-align:center;color:#000;font-size: 28px;padding: 0px 0;text-transform: uppercase;font-family:"EB Garamond";margin:20px auto 0;width:230px;}
.m-footer-logo a:hover{color:#017465;}
.m-footer-nav{text-align:center;display:block;margin:0;}
.m-footer-nav li{display:inline-block;padding:0px;font-size:12px;color:#888;}
.m-footer-nav li a{padding:3px 10px;display:block;}
.scroll-to-top{padding:30px 0 0;text-align:center;}
.scroll-to-top a{padding:5px 7px 8px;font-size:12px;color:#fff;background:#000;}
/*#main > .m-container, #main > .m-chapter-container,#footer{display: none;}*/
blockquote::before {content: "\f10d";font-family: FontAwesome;font-size: 25px;height: 15px;left: 0;position: absolute;text-align: left;top: -10px;width: 15px;}
blockquote::after {bottom: 15px;content: "\f10e";font-family: FontAwesome;font-size: 25px;height: 15px;position: absolute;right: -15px;text-align: right;width: 15px;}
blockquote {font-size: 35px;margin: 20px 0;padding: 25px 15px 10px 35px;position: relative;}
/* Huffpo page slides microsite*/
  *{box-sizing: border-box; }
.microsite-slides #main{font-family: 'Montserrat',Arial,Helvetica,sans-serif;}
.microsite-slides.hide-footer footer{display:none;}
#pagepiling{overflow-x: hidden;}
.btn-slides{position: fixed; z-index: 9;font-size: 75px;cursor: pointer; padding: 40px 22px; color: #fff;background: #1e1e1e;opacity: 0.5; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
.btn-slides.btn-prev{left: 0;display:none}
.btn-slides.btn-next{right: 0;}
.btn-slides:hover{opacity: 1; background: #0DBE98;}
#lead_slide{}
#lead_slide .lead_intro{padding: 12px;position: absolute; top: 46%; left: 0; right: 0;line-height: 45px;color: #1e1e1e;font-size: 28px;text-align:center;max-width: 70%;margin: 0 auto;transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
#lead_slide .lead_intro h1{font-size: 1.8vmax;line-height: normal;}
.lead_intro .btn-explore{display: inline-block;background:#04d3a6; color: #fff;padding: 15px 30px;font-size: 24px;line-height: 100%;text-transform: uppercase;margin: 20px 0 0;}
.lead_intro .btn-explore:hover{background: #0DBE98;}
.slides{display: none;float: left;width: 100%;text-align: center;margin-left: 100%;overflow: hidden;margin-top: 45px; }
.slides.active{display: block;opacity: 1;margin-left: 0; }
.slides .slide_video_vidible{max-width: 1200px; margin: 0 auto;max-height: 700px;}
.chapterheds{width: 75%;left: 0;right:0;margin: 10px auto;bottom: 7px;background-color: #fff;opacity: .90;padding: 17px;border-bottom: 5px solid #0DBE98;}
.hero-container{position:relative;width:100%;min-height: 180px;}
.hero-container img{max-height: 700px;}
.chapterhed{    text-align: center;font-size: 1.7em;text-transform:uppercase;}
.chaptersubhed{text-align:center}
#pagepiling .hero{width:100%}
#pagepiling .maincol{    width: 75%;margin: 0 auto;padding: 25px 0;text-align: left; font-family: 'Montserrat',Arial,Helvetica,sans-serif;}
.btn {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: pointer}
.btn:focus {outline: none}
.btn-large {border: 2px solid #000;background-color: transparent;text-transform: uppercase;font-size: 24px;font-family: 'Montserrat', sans-serif;color: #000;padding: 10px}
.btn-large:hover {color: #ee4e5b;border-color: #ee4e5b}
.btn-share {font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;width: 180px;height: 50px;color: #fff;text-align: center;padding-top: 14px;border-radius: 5px;cursor: pointer;margin: 10px auto}
.btn-share a {color: #fff; text-decoration: none}
.btn-facebook {background: #3b5998}
.btn-facebook:hover {background: #263961}
.btn-twitter {background: #4099ff}
.btn-twitter:hover {background: #0071f3}
.twitter-link {text-decoration: none}
.microsite-slides .navbar {width: 100%;position: fixed;z-index: 999999;top: 0;background: #000;height: 46px;}
.navbar_hed img{display:block;height:43px;}
.navbar_hed {margin:0;font-family: 'Montserrat',Arial,Helvetica,sans-serif; font-size: 19px;padding: 0px 10px; text-transform: uppercase;line-height: 44px;}
.navbar .fa {font-size: 24px;padding-top: 11px}
.navbar_block {height: 100%; min-width: 45px;text-align: center;color: #fff;cursor: pointer;}
.huffpost-logo a{width: 62px; padding: 5px;display:inline-block}
.huffpost-logo a:hover{background: none !important}
.navbar_block-left {float: left;border-right: 1px solid #ccc;padding:2px 5px}
.navbar_block-left.block-noborder {border-right: none}
.navbar_block-right {float: right;border-left: 1px solid #ccc}
.navbar_links.slick-nav{max-height: 46px;float:left;max-width: 925px;overflow:hidden;}
.navbar_links.slick-nav .slick-slide{}
.navbar_block-right.btn-prev:hover,.navbar_block-right.btn-next:hover {background-color: #ee4e5b}
.navbar_block .aol-share a {padding: 12px 17px;font-size: 23px;background: no-repeat;border-right: 1px solid #fff;margin: 0px;border-radius: 0;height: 46px;}
.navbar_block .aol-share a:last-child {border-right: none;}
.navbar_block .aol-share a span{display: none;}
.slick-arrow{display:block;float:left;color: #fff;padding: 0 6px 0 7px;}
.slick-arrow:hover{color: #0DBE98;}
.slick-arrow.slick-disabled{color: #4c4c4c !important;}
.slick-arrow .fa{font-size: 35px;padding-top: 3px;}
.block-chapternav {display: block;padding: 0;text-transform:uppercase;font-size:15px}
.block-chapternav a {color: #fff; display: inline-block;padding: 11px 12px;font-family: 'Montserrat',Arial,Helvetica,sans-serif;}
.block-chapternav.pagelink-current {background: #0DBE98}
#btn-menu:hover {background: #0DBE98}
.microsite-slides .menu {width: 200px;height: 100vh;position: fixed;left: -200px;padding: 60px 0;background: #333;box-shadow: inset -15px 0 20px -15px #070400;-webkit-box-shadow: inset -15px 0 20px -15px #070400;-moz-box-shadow: inset -15px 0 20px -15px #070400;transition: left 200ms;-webkit-transition: left 200ms;pointer-events: all;z-index: 999;overflow-y:auto; }
.microsite-slides .menu-open .menu {left: 0}
.microsite-slides .menu_link {display: block;font-family: 'Montserrat', sans-serif;color: #fff;text-transform: uppercase;font-size: 14px}
.microsite-slides .menu_link a{padding: 10px 20px;}
.microsite-slides .menu_link.active{background: #0DBE98;}
.microsite-slides .menu_link:hover {background: #ee4e5b}
.btn-nav {display: none}
.btn-prev {left: 0}
.navbar_block a:hover, .navbar_block.active a{background-color:#0DBE98;}
.landing .btn-prev.navbar_block {color: #666;border-left: #666;cursor: default}
.landing .btn-prev.btn-nav {display: none}
.btn-next {right: 0}
.credits .btn-next.navbar_block {color: #666;cursor: default}
.credits .btn-next.btn-nav {display: none}
.bottomnav {width: 100%; background: #333}
.btn-bottomnav {width: 50%;max-width: 300px;height: 80px;background: #333;font-family: 'Montserrat', Arial, Helvetica, sans-serif;text-transform: uppercase;text-align: center;padding-top: 26px;cursor: pointer}
.btn-bottomnav p {margin: 0;color: #0DBE98;font-size: 12px}
.btn-bottomnav h5 {margin: 0;color: #fff;font-size: 14px}
.btn-bottomnav .fa {color: #fff;opacity: .5}
.btn-bottomnav:hover {background: #00a9b2}
.btn-bottomnav:hover p {color: #000}
.btn-bottomnav.btn-prev {float: left}
.btn-bottomnav.btn-next {float: right}
.page-nav{border-right:none}
#btn-menu{display:none}
.microsite-slides .menu {width: 200px;height: 100vh;position: fixed;left:0;padding: 60px 0;background: #333;box-shadow: inset -15px 0 20px -15px #070400;-webkit-box-shadow: inset -15px 0 20px -15px #070400;-moz-box-shadow: inset -15px 0 20px -15px #070400;transition: left 200ms;-webkit-transition: left 200ms;pointer-events: all;z-index: 999}
.microsite-slides .menu-open .menu {left: 0}
.microsite-slides .menu_link {display: block;font-family: 'Montserrat', sans-serif;color: #fff;text-transform: uppercase;font-size: 14px}
.microsite-slides .menu_link a{padding: 10px 20px;display: inline-block;width: 100%;}
.microsite-slides .menu_link:hover {background: #0DBE98}
.slides .mobile-image{display: none;}
.video-bg-mobile{display: none;width: 100%;height: 100%;position: fixed;top: 0;background-repeat: no-repeat;background-size: cover;background-position: top center;}
.content_right_ad{float: right; margin: 0 0 10px 10px}
em{font-style: italic;}
    /* Huffpo page slides microsite*/
@media only screen and (min-width: 1760px) {
  .m-pageintro{min-height:900px;}
}
@media only screen and (max-width: 1500px){
	.navbar_links.slick-nav{max-width: 830px;}
	.block-chapternav a {padding: 11px 9px;}
	.block-chapternav{font-size: 14px;}
	.navbar_hed{font-size: 17px;}
}
@media only screen and (max-width: 1210px) {
  .m-container{width:980px;}
  .m-chapter-header{min-height:433px}
  .header_bg_img img{height:100%;width: 100%}
}

@media only screen  and (min-device-width: 768px)   and (max-device-width: 1024px)  and (orientation: landscape)   and (-webkit-min-device-pixel-ratio: 1) {
  #lead_slide .lead_intro{max-width: 80%;position:fixed;}
  //#lead_slide .lead_intro h1{font-size: 22px;}
  .lead_intro .btn-explore{padding: 10px 25px;font-size: 20px;}
  .video-bg-mobile{display:block;}
  .slides video{display: none}
  .slick-nav{display: none;}
  #btn-menu{display:block}
  .slick-arrow{display:none !important;}
}
@media only screen  and (min-device-width: 768px)   and (max-device-width: 1024px)  and (orientation: portrait)   and (-webkit-min-device-pixel-ratio: 1) {
  .video-bg-mobile{display:block;}
  .slides video{display:none;}
  #lead_slide .lead_intro{position:fixed;line-height: 33px;}
}
@media only screen and (max-width: 990px) {
  .m-container{width:650px;}
  .m-chapter-header{min-height:380px}
  .page-description{width:600px}
  .m-pageintro{min-height:650px;}
  .header_bg_img img{height:100%;width: 100%;}
  /*.m-go-to-chapters .m-chapters-go{font-size: 25px;}*/
    .chapterheds{position:static;width:80%;    margin: 0 10%;font-size: 10px;font-weight: bold;opacity:1}
  .chapterhed{font-size: 2.2em;text-transform: uppercase;}
  .block-desktoponly{display:block}
  .block-chapternav{display:none}
  #btn-menu{display:block}
  .slick-arrow{display:none !important;}
  .btn-next,.btn-prev{display:block}
  .maincol h1{line-height:30px}
  .btn-slides{font-size: 45px;padding: 15px 10px;}
  #lead_slide .lead_intro{font-size: 21px;top: 50%;line-height: 26px;}
  #lead_slide .lead_intro h1{font-size: 1.8vmax;}
  .lead_intro .btn-explore{padding: 10px 25px;font-size: 20px;}
  .slides{margin-top:45px}
  .microsite-slides .menu{overflow-y: scroll}
  .slick-nav{display: none;}
}
@media only screen and (max-width: 990px) and (orientation: landscape) {
	#lead_slide .lead_intro h1{font-size: 1.7vmax;}
	#lead_slide .lead_intro{position: fixed;max-width: 90%;top: 50%;}
	.content_right_ad{float: none; margin: 0 0 10px 0px;text-align:center}
	.lead_intro .btn-explore{margin: 10px 0 0;padding: 10px 25px;font-size: 16px;}
}
@media only screen and (max-width:669px){
  .m-container{width:480px;}
  .site-header-logo{font-size:28px;width:260px;}
  .site-scroll-logo{font-size:25px;width:225px;}
  .m-pageintro{position: relative;}
  .m-pageintro-content h1{font-size:125px}
  .page-description {font-size: 20px;line-height: 30px;margin: 0 auto;width: 90%;}
  .m-chapter-header{min-height:285px}
  .m-chapter-quote{font-size: 18px;line-height: 32px;}
  .m-chapter-content h2{font-size:28px;line-height:45px;}
  .m-chapter-content h3{font-size:20px;}
  .site-header .share-btns{right:10px;}
  .m-go-to-chapters{bottom:15px;}
  .header_bg_img img{height:100%;width: 100%;}
  .m-footer .m-footer-logo{width:210px;}
  /*.m-go-to-chapters .m-chapters-go{font-size: 22px;}*/
  blockquote{font-size:23px; margin:15px 0;}
  blockquote::after,blockquote::before{font-size: 21px;}
  blockquote::after{bottom: 0;}
  blockquote::before{top:0;}
   #btn-menu{display:block}
  .btn-next,.btn-prev{display:block}
  .slides video{display: none;}
  .slides .slide_video_vidible{max-width:600px;max-height: 375px;}
  .slide_video_vidible .vdb_player > div{height: 375px !important;}
  .slide_video_vidible .vdb_player *{max-width: 100% !important; max-height: 100%;}
  .slides .mobile-image{display: block;width: 100%;}
  .video-bg-mobile{display: block}
  //#lead_slide .lead_intro h1{font-size: 16px;line-height: 25px;}
  #lead_slide .lead_intro{position: fixed;max-width: 90%;top: 50%;}
  .content_right_ad{float: none; margin: 0 0 10px 0px}
  .lead_intro .btn-explore{margin: 10px 0 0;padding: 10px 25px;font-size: 16px;}
  .slide_video_vidible .vdb_player > div{padding-bottom: 0 !important;}
   .microsite-slides .menu{overflow-y:scroll}
   .navbar_hed{line-height:43px;width:100%;font-size:15px}
   .microsite-slides .btn{border-right:none}
   #btn-menu{border-right:1px solid #fff}
}
@media only screen and (min-device-width: 320px)  and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	#lead_slide .lead_intro h1{font-size: 1.7vmax;}
}
@media only screen and (max-width:480px){
  .m-container{width:380px;}
  .site-header-logo{font-size:22px;width:240px;}
  .site-scroll-logo{font-size:22px;width:215px;}
  .m-pageintro{min-height:400px;position: relative;}
  .m-pageintro-content h1{font-size:90px}
  .m-pageintro-content h2{font-size:17px;line-height:24px;padding:15px;}
  .site-header .share-btns{right:-5px;}
  .m-chapter-header{min-height: 215px;}
  .m-chapter-content h2{font-size:25px;line-height:35px;}
  .m-chapter-content h3{font-size:17px;}
  .share-btns .btn-share, .share-btns .aol-share a{margin:10px 10px 10px -5px;font-size:13px;padding:7px;}
  .site-header .aol-share a.fa-facebook{padding:7px 9px;}
  .site-header .share-btns{top:10px;}
  .m-footer .m-footer-logo{font-size:24px;width:200px;}
  .m-pageintro-content .share-btns{margin:10px 0 5px;}
  .m-pageintro-content {top: 35%;}
  .m-go-to-chapters{bottom:0px;}
  .header_bg_img img{height:100%;}
  /*.m-go-to-chapters .m-chapters-go{font-size: 20px}*/
  blockquote{font-size:21px; margin:15px 0;}
  blockquote::after,blockquote::before{font-size: 19px;}
  .chapterheds{position:static;width:80%;    margin: 0 10%;font-size: 10px;font-weight: bold;opacity:1}
  .chapterhed{font-size: 2.2em;text-transform: uppercase;}
  .block-desktoponly{display:none}
  .block-chapternav{display:none}
   #btn-menu{display:block}
  .btn-next,.btn-prev{display:block}
  .btn-slides{font-size: 45px;padding: 15px 10px;}
  .slides{margin-top:45px}
  .slides .slide_video_vidible{max-width:480px;max-height: 300px;}
  .slide_video_vidible .vdb_player > div{height: 300px !important;}
  .slide_video_vidible .vdb_player *{max-width: 100%; max-height: 100%;}
  .slides video{display: none;}
  .slides .mobile-image{display: block;width: 100%;}
  .video-bg-mobile{display: block}
  //#lead_slide .lead_intro h1{font-size: 16px;line-height: 26px;}
  #lead_slide .lead_intro{position: fixed;max-width: 75%;top: 50%;}
  .slide_video_vidible .vdb_player > div{padding-bottom: 0 !important;}
  .content_right_ad{margin: 0 0 10px -20px}
  .microsite-slides .menu{overflow-y:scroll}
  .lead_slide{display:block}
  .navbar_hed{font-size:11px}
}
@media only screen and (max-width:380px){
  .m-container{width:320px;}
  .site-header-logo{font-size:20px;width:220px;}
  .site-scroll-logo{font-size:20px;width:200px;}
  .m-pageintro{min-height:400px;position: relative;}
  .m-pageintro-content h1{font-size:75px;}
  .m-pageintro-content h2{font-size:15px;line-height:22px;padding:10px;}
  .m-chapter-header{min-height: 200px;}
  .m-chapter-content h2{font-size:22px;line-height:30px;}
  .m-chapter-content h3{font-size:15px;}
  .site-header .aol-share a.fa-facebook{    padding: 5px 8px;}
  .site-header .aol-share a{padding: 5px }
  .share-btns .btn-share, .share-btns .aol-share a{margin:10px 10px 10px -5px;font-size:12px;}
  .m-chapter-quote{padding:20px;font-size: 16px;line-height: 18px;}
  .m-chapter-video-wrap .next-chapter-btn{font-size:13px;}
  .m-footer .m-footer-logo{font-size:20px;width:190px;}
  .m-footer-nav li a{padding:3px 7px;}
  .header_bg_img img{height:100%;}
  /*.m-go-to-chapters .m-chapters-go{font-size: 18px}*/
  blockquote{font-size:20px; margin:15px 0;line-height: 22px;}
  blockquote::after,blockquote::before{font-size: 18px;}
  .slides .slide_video_vidible{max-width:300px;max-height: 190px;}
  .slide_video_vidible .vdb_player > div{height: 190px !important;}
  .slide_video_vidible .vdb_player *{max-width: 100%; max-height: 100%;}
  .slides video{display: none;}
  .slides .mobile-image{display: block;width: 100%;}
  //#lead_slide .lead_intro h1{font-size: 16px;line-height: 26px;}
  #lead_slide .lead_intro{position: fixed;max-width: 75%;top: 50%;}
}

@media only screen and (max-width:320px){
  .m-container{width:300px;}
  .site-header-logo{font-size:18px;width:180px;}
  .site-scroll-logo{font-size:16px;width:135px;}
  .m-pageintro{min-height:400px;}
  .m-pageintro-content h1{font-size:62px;line-height:100px;}
  .m-pageintro-content h2{font-size:14px;line-height:22px;}
  .page-description{font-size: 17px;line-height: 25px; margin: 0 auto; width: 90%;}
  .m-chapter-quote {padding:10pxfont-size: 15px;line-height: 20px;}
  .site-header .aol-share a{padding:4px;}
  .m-chapter-header{min-height:180px;}
  .m-chapter-content h2{font-size:20px;line-height:28px;}
  .m-chapter-content h3{font-size:14px;}
  .share-btns .btn-share, .share-btns .aol-share a{margin:10px 10px 10px -5px;font-size:11px;}
  .site-header .aol-share a.fa-facebook{padding:4px 8px;}
  .site-header .share-btns{top:11px;right:-5px;}
  .m-footer .m-footer-logo{font-size:18px;width:130px;}
  .header_bg_img img{height:100%;}
  /*.m-go-to-chapters .m-chapters-go{font-size: 16px}*/
  .slides .slide_video_vidible{max-width:300px;}
  .slides video{display: none;}
  .slides .mobile-image{display: block;}
  #lead_slide .lead_intro{position: fixed;}
  .content_right_ad{margin: 0 0 10px -40px}
  .huffpost-logo a{width: 50px;padding: 10px 5px;}
  .navbar_hed{font-size: 10px; padding: 0 5px;}
}