@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700|Oswald:400,600&display=swap);body,html{margin:0}
h1,h2,h3,h6{font-family:Lato,sans-serif;font-weight:400}
h4,h5{font-family:Oswald,Helvetica,sans-serif}
h4{font-size:36px;color:#111}
h5{color:#df4c38;font-size:36px;padding-bottom:30px}
h6{color:#df4c38;font-size:20px;letter-spacing:1px}
p{font-size:20px;line-height:1.3em;word-wrap:normal;font-family:Lato,Helvetica,sans-serif}
button:focus{outline:0}
.font-weight-bold{font-weight:700}
.btn-primary{white-space:unset}
.btn-primary:not(.lg-btn){background:#fae24c;border:0;padding:10px 20px;color:#000;font-family:Lato,Helvetica,sans-serif;font-weight:700;font-size:25px;border-radius:3px;margin-top:10px;line-height:30px}
.btn-primary.focus,.btn-primary:focus{box-shadow:none;outline:0}
.btn-primary:hover{color:#fff;background:#de4c38}
header{padding-top:10px}
nav ul li{font-family:Lato,Helvetica,sans-serif;text-transform:uppercase;font-weight:700;-webkit-font-smoothing:antialiased;font-size:16px}
#top-bar{background-color:rgba(222,76,56,.9);text-align:center;padding:15px 0 15px;width:100%;z-index:9997;font-family:Lato,Helvetica,sans-serif;top:0}
#top-bar a{color:#fff;padding:15px 32px;text-align:center;text-decoration:none;font-size:20px;line-height:25px}
#top-bar .my-auto a{letter-spacing:1px}
#top-bar .btn-primary{background:#fae24c;border:0;padding:10px 32px;font-weight:700;border-radius:0;color:#000}
#top-bar .btn-primary:hover{background:#fff;color:#de4c38}
.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}
.divider{border-top-color:#383838;border-top-style:double;border-top-width:7px;padding-bottom:25px}
.top-btm-padding{padding-top:50px;padding-bottom:50px}
.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;height:auto}
.embed-container embed,.embed-container iframe,.embed-container object{position:absolute;top:0;left:0;width:100%;height:100%}
.navbar-brand img{max-width:190px}
#intro{background:url(../images/intro.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
#intro{color:#fff;padding:40px 0 60px}
#intro h1{font-size:32px;line-height:40px;text-shadow:1px 1px 2px rgba(0,0,0,.4)}
#intro h2{font-family:Oswald,Helvetica,sans-serif;color:#de4c38;text-shadow:1px 1px 2px rgba(0,0,0,.4);font-size:100px}
.clock{margin:0 auto;text-align:center;padding:10px 0 30px}
#register-cta a:after{line-height:1.7em;font-size:30px!important;opacity:0;margin-left:-1em;left:auto}
.cta{background:#de4c38;padding:25px 0}
.cta .btn-primary{font-size:38px;font-family:Oswald;background:#fff;color:#de4c38;border:0;padding:10px 30px 10px 60px;position:relative;border-bottom:3px solid rgba(0,0,0,.2)}
.cta .btn-primary:hover{padding-left:60px;padding-right:2em}
.cta .btn-primary:after{content:"\f573";line-height:1.7em;font-size:36px!important;opacity:0;font-family:"Font Awesome 5 Free"}
.cta .btn-primary:hover:after{left:auto;margin-left:.5em;opacity:1;bottom:10px}
#vaccine-fact img{max-width:753px}
#document-info{background:rgba(239,239,239,.76)}
#document-info .btn-primary.hover-icon:hover{padding-left:.7em;padding-right:2em;position:relative}
#document-info .btn-primary.hover-icon:after{content:"\f573";position:absolute;line-height:1.7em;font-size:30px!important;opacity:0;left:auto;font-family:"Font Awesome 5 Free"}
#document-info .btn-primary.hover-icon:hover:after{content:"\f573";position:absolute;line-height:1.7em;font-size:20px!important;opacity:1;padding-left:10px;font-family:"Font Awesome 5 Free"}
.meet-experts img{filter:grayscale(100%)}
.expert-name{text-align:center;font-size:16px;font-weight:700;color:#de4c38;margin-top:5px;margin-bottom:5px}
.expert-position{text-align:center;font-size:11px}
#meet-team-btn:after{content:"\f0c0"}
#vaccine-fact{background:#383838}
.section-headline{font-size:30px;font-family:Oswald;color:#de4c38}
#join-us{background:#fff}
#join-us .btn-primary{background-color:#ffe300;text-decoration:none!important;border-bottom:3px solid rgba(0,0,0,.2);color:#111}
#join-us .btn-primary:after{content:"\f105"}
#about-page h1,#about-page h2{font-family:Oswald,Helvetica,sans-serif}
#about-page h1{color:#111;font-size:36px}
#about-page h2{color:#df4c38;padding-bottom:0;font-size:30px}
#about-page h2{padding-bottom:0;padding-top:30px}
#about-page header{border-bottom:1px solid #ddd}
#about-page ul{padding-left:0;list-style-type:none;font-family:Lato,Helvetica,sans-serif;font-size:20px;padding-bottom:25px}
#about-page .divider{padding-bottom:50px}
#about-page h3{color:#df4c38;letter-spacing:2px;margin-top:10px}
#contact-page header{border-bottom:1px solid #ddd}
#contact-page h1{font-family:Oswald,Helvetica,sans-serif;font-size:36px}
#contact-page h1 span{display:block;margin-top:20px}
#contact-page input[type=submit]{background:#fae24c;border:0;padding:10px 20px;color:#000;font-family:Lato,Helvetica,sans-serif;font-weight:700;font-size:25px;border-radius:3px;margin-top:10px;line-height:30px}
#contact-page h1 span a{color:rgba(222,76,56,1)}
.formBox{margin-top:90px;padding:50px}
.formBox h1{margin:0;padding:0;text-align:center;margin-bottom:50px;text-transform:uppercase;font-size:48px}
.inputBox{position:relative;box-sizing:border-box;margin-bottom:50px}
.inputBox .inputText{font-size:24px;line-height:50px;transition:.5s;opacity:.5}
.inputBox .input{position:relative;width:100%;height:50px;background:0 0;border:none;outline:0;font-size:24px;border-bottom:1px solid rgba(0,0,0,.5)}
.focus .inputText{font-size:18px;opacity:1;color:#00bcd4}
textarea{height:100px!important}
#contact-page .button{width:100%;height:50px;border:none;outline:0;background:#03a9f4;color:#fff}
#footer-form{background:url(../images/intro.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
footer{background:#444;font-family:Lato,Helvetica,sans-serif;padding-top:25px;padding-bottom:25px}
footer a{color:#fff}
footer i{padding:0 10px}
.episode-link{ display: block; width: 100%; margin:20px 0 0;}
.episode-img{ display: block; width:100%;}
.episode-title{ margin:0 0 10px 0; padding: 0;}
.timer-container{background:transparent;width:100%;color:#FFFFFF;text-align:center;padding:11px 0 0;}
.timer-display{display:inline-block;margin:10px auto;padding-top:1px;width:100%;max-width:500px;}
.timer-display p{display:inline-block;color:#fff;font-weight:bold;line-height:16px;margin:0 2% 0;vertical-align:middle;text-align:center;background-color:transparent; padding:2% 0;}
.timer-display p:last-child{margin-right:0;}
.timer-display p:first-of-type{margin-left:0;}
.timer-display span{}
.timer-display small{display:block;font-size:12px;margin-top:33px;}
.timer-day{font-size:33px;background-color:#212121;color:#FFFFFF;padding:13px;border-radius:13px;}
.timer-hour{font-size:33px;background-color:#212121;color:#FFFFFF;padding:13px;border-radius:13px;}
.timer-min{font-size:33px;background-color:#212121;color:#FFFFFF;padding:13px;border-radius:13px;}
.timer-sec{font-size:33px;background-color:#212121;color:#FFFFFF;padding:13px;border-radius:13px;}
#cta img{display: block; width:100%; margin:20px 0;}
.greyscale{ filter: grayscale(100%); }
@media all and (max-width:1199px){header{padding-top:110px}
}
@media all and (max-width:991px){nav ul li{background:#111;color:#fff}
    .navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link{color:#fff;text-align:center}
    .navbar-light .navbar-nav .nav-link:focus{color:#efefef;outline:0}
    .navbar-light .navbar-nav .nav-link:hover{color:#efefef}
    .navbar{padding:0}
    #navbarSupportedContent{border-top:1px solid #ddd}
    .embed-container{margin-bottom:20px}
    .navbar-light .navbar-toggler{border-color:de4c38;border:0}
}
@media all and (max-width:767px){#about-page h1,#about-page h2,h4,h5{font-size:32px;line-height:37px}
    p{font-size:16px;line-height:21px;text-align:center}
    .btn-primary:not(.lg-btn){font-size:21px;line-height:25px}
    .cta .btn-primary:after{font-size:30px!important}
    header{padding-top:0}
    #top-bar{padding:5px 0 10px;position:relative!important}
    #top-bar a{font-size:16px;line-height:20px}
    #intro h1{font-size:28px;line-height:33px}
    #intro h2{font-size:50px}
    #intro p{font-size:18px}
    .clock{display:none}
    .cta .btn-primary{font-size:24px;line-height:30px}
    .top-btm-padding{padding-top:25px;padding-bottom:25px}
    #contact-page h1{font-size:30px}
    .inputBox .inputText{font-size:18px;line-height:25px}
    .formBox{margin-top:0;padding:25px}
    footer a{text-align:center;font-size:13px;line-height:17px}
    .justify-content-between{display:block!important}
    .justify-content-between,.justify-content-start{text-align:center}
}
