@media (max-width: 812px) {
    .page-header .title {
        font-size: 1.75rem;
    }
}

@media (max-width: 740px) {
    .page-header .title.definition {
        font-size: 1.5rem;
    }
}


.title {
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
}

span.icon-tell-us {
    font-size: 61px;
}

span.icon-tell-us-active {
    color: #ff9800;
}

.card-blog {
    margin-top: inherit;
}

/*
https://avexdesigns.com/responsive-youtube-embed/
*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#section_what_is_thalassaemia,
#about_thalassaemia_how_it_is_inherited,
#about_thalassaemia_download {
    background-color: #F0F0F0;
}

#about_program_flowchart {
    background-color: #F0F0F0;
}

#section_about_campaign,
#about_thalassaemia_know_thalassaemia {
    background-color: #fff;
}

.upper {
    text-transform: uppercase;
}

.lower {
    text-transform: lowercase;
}

.required {
    color: red;
}

#spinner {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0.4;
    background: url('../images/lg.ajax-spinner-preloader.gif') 50% 50% no-repeat #ede9df;
}

.icon.icon-downloads {
    color: #3c4858;
}

.active-submission-type-label {
    color: #fff;
}

.hide {
    display: none;
}

.btn.btn-yakult {
    background-color: #D50032;
    border-color: #D50032;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 255, 0.14), 0 3px 1px -2px rgba(0, 0, 255, 0.2), 0 1px 5px 0 rgba(0, 0, 255, 0.12);
}


.btn.btn-yakult-secondary {
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.2), 0 1px 5px 0 rgba(255, 255, 255, 0.12);
}

.text-yakult {
    color: #D50032 !important;
}

.icon-yakult {
    color: #D50032 !important;
}


.yakult_main_background_color {
    background-color: #D50032 !important;
}

.yakult_secondary_color {
    color: #fff !important;
}


.page-header.home_banners {
    background-image: url('../images/banner_home_v2a.jpg');
}

@media (max-width: 1024px) {
    .page-header.home_banners {
        background-image: url('../images/banner_home-_mobile.jpg');
        text-align:center;
    }
}


#background-video {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
  }

  /*
  @media (max-width: 750px) {
    #background-video { display: none; }
    body {
      background: url("https://assets.codepen.io/6093409/river.jpg") no-repeat;
      background-size: cover;
    }
}
*/