.header {
    z-index: 9999 !important;
}

    .header .logo img {
        height: 60px;
        margin: 0;
    }
    
@media (min-width: 1200px) {
    .header .logo img {
        height: 60px;
        margin: 0;
        width: 140px;
    }
}


    .header > .container {
        margin-bottom: -40px;
    }

    @media (max-width: 991px) {
        .header > .container {
            margin-bottom: 0;
        }


        .home-hero h2 {
            font-size: 20px;
            font-weight: normal;
            font-family: 'Noto Sans', sans-serif;
            line-height: 1;
            white-space: nowrap;
            /* text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; */
            margin-bottom: 0;
            margin-top: 0;
            padding-right: 10px;
            padding-left: 10px;
            background: rgba(187, 0, 51, 0.8);
            -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#A62B4E, endColorstr=#A62B4E);
            zoom: 1;
        }

        .home-hero h3 {
            font-size: 18px !important;
            font-weight: normal;
            font-family: 'Noto Sans', sans-serif;
            line-height: 1.4;
            white-space: nowrap;
            /* text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; */
            margin-bottom: 0;
            margin-top: 0;
            padding-right: 10px;
            padding-left: 10px;
            color: #A62B4E;
            background: rgba(255, 255, 255, 0.8);
            -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFCC, endColorstr=#FFFFFFCC);
            zoom: 1;
        }
    }

    body {
        color: #555;
        background-color: White;
    }

    .i .fa fa-search a:hover {
        color: #A62B4E;
    }

    .element {
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 5px;
    }

    .caption-bx {
        width: 65%;
    }

    .parallax-hero {
        min-height: 92vh;
    }

    .parallax-hero2 {
        min-height: 420px;
    }

    .home-hero-text1 {
        /* left: 60px;
    bottom: 0; */
    }

    .home-hero2-text1 {
        /* right: 80px;
    top: 0; */
    }

    .aboutus-hero1-text1 {
        right: 80px;
        top: 20px;
    }

    .aboutus-hero2-text1 {
        right: 20px;
        bottom: 20px;
    }

    .xbtn-lg {
        font-size: 18px;
        font-weight: normal;
        font-family: 'Noto Sans', sans-serif;
    }

    .home-hero h2 {
        font-size: 42px;
        font-weight: normal;
        font-family: 'Noto Sans', sans-serif;
        line-height: 1;
        white-space: nowrap;
        /* text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; */
        margin-bottom: 0;
        margin-top: 0;
        padding-right: 10px;
        padding-left: 10px;
        background: rgba(187, 0, 51, 0.8);
        -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#A62B4E, endColorstr=#A62B4E);
        zoom: 1;
    }

    .home-hero h3 {
        font-size: 22px;
        font-weight: normal;
        font-family: 'Noto Sans', sans-serif;
        line-height: 1.4;
        white-space: nowrap;
        /* text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; */
        margin-bottom: 0;
        margin-top: 0;
        padding-right: 10px;
        padding-left: 10px;
        color: #A62B4E;
        background: rgba(255, 255, 255, 0.8);
        -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFCC, endColorstr=#FFFFFFCC);
        zoom: 1;
    }

    .aboutus-hero1 h2 {
        font-size: 42px;
        font-weight: normal;
        font-family: 'Noto Sans', sans-serif;
        line-height: 1;
        white-space: nowrap;
        /* text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; */
        margin-bottom: 0;
        margin-top: 0;
        padding-right: 10px;
        padding-left: 10px;
    }

    .aboutus-hero2 p {
        font-size: 20px;
        font-weight: normal;
        font-family: 'Noto Sans', sans-serif;
        line-height: 1.4;
        white-space: nowrap;
        /* text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; */
        margin-bottom: 0;
        margin-top: 0;
        padding-right: 10px;
        padding-left: 10px;
    }

    .zes {
        top: 50%;
        left: 10%;
        width: 500px;
        height: 125px;
    }

    .OFquotesWrapperTop {
        height: 3vw;
        min-width: 35vw;
        width: 36vw;
        max-width: 40vw;
        margin: 0;
        top: -3vw;
        background: rgb(187, 0, 51);
        background: rgba(187, 0, 51, 0.8);
    }

    .OFquotesWrapper {
        height: 6.5vw;
        min-width: 35vw;
        width: 36vw;
        max-width: 40vw;
        margin: 0;
        top: 0;
        background: rgb(187, 0, 51);
        background: rgba(187, 0, 51, 0.8);
    }

    .OFquotesTitle {
        position: relative;
        padding: 0;
        margin: 0;
        font-size: 3.75vw;
        text-align: center;
        color: White;
        top: 0.1vw;
        line-height: 1.0;
    }

    .ourfocuswellWrapper {
        width: 500px;
    }

    .grantapp-where {
        width: 98%;
        background-color: rgb(209, 209, 209);
    }

    .leaflet-bar a {
        display: none;
    }

    @media (max-width: 480px) {
        .grantapp-callout {
            display: none;
        }
    }

    @media (min-width: 1100px) {
        .grantapp-lm {
            margin-left: 40px;
            margin-right: 40px;
            font-size: 20px !important;
            font-size: 1.25vw !important;
        }

        .grantapp-tab {
            height: 283px;
        }

        .grantapp-spc {
            margin-top: 30px;
        }
    }

    @media (max-width: 1350px) and (min-width: 1025px) {
        .grant-ques {
            margin-top: 10px;
        }

        .parallax-hero2 {
            min-height: 300px;
        }

        .ourfocuswellWrapper {
            width: 500px;
        }
    }

    @media (min-width: 1200px) {
        .pieTextBox {
            height: 340px;
        }

        .aboutus-diff {
            height: 250px;
        }

        .map-legend {
            position: absolute;
            top: 0;
            left: 870px;
            width: 25%;
            bottom: 0;
            margin-bottom: 10px;
        }
    }

    @media (max-width: 1024px) and (min-width: 769px) {
        .parallax-hero2 {
            min-height: 280px;
        }

        .xbtn-lg {
            font-size: 14px;
        }

        .ourfocuswellWrapper {
            width: 400px;
        }
    }

    @media (max-width: 768px) and (min-width: 481px) {
        .parallax-hero2 {
            min-height: 290px;
        }

        .piechart {
            margin-right: 10%;
            margin-left: 10%;
        }

        .xbtn-lg {
            font-size: 12px;
        }

        .ourfocuswellWrapper {
            width: 320px;
        }
    }

    @media (max-width: 480px) {
        .parallax-hero2 {
            min-height: 140px;
        }

        .grantapp-where {
            width: 50%;
        }

        .piechart {
            margin-right: 10%;
            margin-left: 10%;
        }

        .ourfocuswellWrapper {
            width: 120px;
        }
    }

    .redcrumbs {
        overflow: hidden;
        padding: 10px 0 30px;
        border-bottom: solid 1px #eee;
        background-color: #A62B4E;
    }

    .cbp-l-filters-text {
        font: 400 12px/21px Lato, sans-serif;
        color: #DADADA;
        text-align: left;
    }

    .content-xs {
        width: 500px;
    }

    .process {
        background-color: gray;
        margin-bottom: 50px;
    }

    .col-md-4 {
        padding-top: 0px;
    }

    .carousel-control.right {
        background-image: none;
    }

    .carousel-control.left {
        background-image: none;
    }

    .carousel-slide h2 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        font-family: 'Noto Sans', sans-serif;
        text-align: left;
    }

    .carousel-slide-current h2 {
        z-index: 10;
    }
    /*BANNER BOTTOM*/

    .active .purchase {
        border-top: solid 2px #A62B4E;
    }
    /*.active img {
    border-bottom: solid 3px #A62B4E;
}*/
    .col-centered {
        float: none;
        margin: 0 auto;
    }

    .partner-img {
        height: 140px;
    }

    .clients-page .img-responsive {
        margin: 0 auto;
    }

    @media screen and (max-width: 400px) {
        .clients-page {
            text-align: left;
        }
    }

    .astellas-red {
        color: #A62B4E !important;
    }

    .subhead {
        font: 16px bold;
    }

    .ms-inner-controls-cont {
        background-color: White;
    }

    .purchase {
        padding: 5px 0 5px;
        padding-top: 5px;
        padding-right: 0px;
        padding-bottom: 5px;
        padding-left: 0px;
        border-bottom: 0px solid white;
        background: none;
        height: 84px;
    }

        .purchase h1 {
            margin-right: 12%;
            margin-left: 12%;
        }

    a:focus,
    a:hover {
        color: #A62B4E;
        text-decoration: underline !important;
    }

    .link-list a {
        font-size: 14px;
    }

    .dropdown a {
        text-decoration: none !important;
    }

    .fund-list li {
        margin-bottom: 10px;
        padding-right: 15px;
    }

    .ast-banner {
        position: relative;
    }

    .ast-banner-img {
        font-size: 2.25EM;
        font-weight: normal;
        font-family: 'Noto Sans', sans-serif;
        text-align: left;
        position: absolute;
        left: 0;
        top: 33%;
        width: 100%;
        color: white;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 5px;
    }

    @media (min-width: 1200px) {
        .ast-banner-imgleft {
            left: 45% !important;
        }
    }

    .ast-banner-img p {
        margin-bottom: 5px;
        left: 10%;
        color: white;
        position: relative;
        /* filter: Shadow(Color=#000, Direction=0, Strength=1); */
        filter: glow(color=black, strength=1), alpha(opacity=100);
        text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }

    .ast-banner-credits {
        font-size: 7px;
        text-align: right;
        position: relative;
        top: 0;
        right: 5%;
        color: black;
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 9px;
    }

        .ast-banner-credits p {
            margin-bottom: 0px;
        }

    .ast-banner-img2 {
        font-size: 2EM;
        text-align: left;
        position: absolute;
        top: 30%;
        left: 65%;
        width: 100%;
        color: white;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 5px;
    }

    .ast-mobile-xs,
    .ast-mobile-sm,
    .ast-mobile-md,
    .ast-mobile-lg {
        display: none !important;
    }

    .ast-desktop-xs,
    .ast-desktop-sm,
    .ast-desktop-md,
    .ast-desktop-lg {
        display: none !important;
    }

    .ast-desktop-map-md,
    .ast-desktop-map-lg {
        display: none !important;
    }

    @media (max-width: 1200px) and (min-width: 769px) {
        .ast-desktop-lg {
            display: inline !important;
        }

        .ast-desktop-map-lg {
            display: inline !important;
        }

        .ast-desktop-map-md {
            display: none;
        }

        .purchase h1 {
            font-size: 20px;
            line-height: 1.2;
        }

        .map-legend {
            position: absolute;
            top: 20%;
            left: 700px;
            width: 25%;
        }
    }

    @media (max-width: 991px) and (min-width: 769px) {
        .map-legend {
            position: absolute;
            top: 20%;
            left: 550px;
            width: 25%;
        }
    }

    @media (max-width: 768px) and (min-width: 481px) {
        .ast-desktop-md,
        .ast-desktop-lg {
            display: inline !important;
        }

        .ast-desktop-map-lg {
            display: none;
        }

        .ast-desktop-map-md {
            display: inline !important;
        }

        .purchase h1 {
            font-size: 18px;
            line-height: 1.1;
            margin-right: 10%;
            margin-left: 10%;
        }
    }

    @media (max-width: 480px) and (min-width: 321px) {
        .ast-mobile-xs,
        .ast-mobile-sm {
            display: inline !important;
        }

        .ast-banner-credits {
            padding-bottom: 2px;
            right: 8%;
        }

        .purchase h1 {
            font-size: 16px;
            line-height: 1;
            margin-right: 10%;
            margin-left: 10%;
        }
    }

    @media (max-width: 320px) {
        .ast-mobile-xs,
        .ast-mobile-sm,
        .ast-mobile-md,
        .ast-mobile-lg {
            display: inline !important;
        }

        .ast-banner-credits {
            padding-bottom: 2px;
            right: 8%;
        }

        .purchase h1 {
            font-size: 16px;
            line-height: 1;
        }
    }

    @media (min-width: 800px) {
        .ast-desktop-md,
        .ast-desktop-lg {
            display: inline !important;
        }

        .ast-desktop-map-md {
            display: none;
        }

        .ast-desktop-map-lg {
            display: inline !important;
        }
    }

    .left.carousel-control {
        filter: none;
    }

    .right.carousel-control {
        filter: none;
    }
    /* .tooltip-arrow {
    background-color: white;
} */

    .tooltip.top .tooltip-inner {
        background-color: #A62B4E;
    }

    .tooltip.top .tooltip-arrow {
        border-top-color: #A62B4E;
    }

    .tooltip.bottom .tooltip-inner {
        background-color: #A62B4E;
    }

    .tooltip.bottom .tooltip-arrow {
        border-bottom-color: #A62B4E;
    }

    .mid3image {
        height: 243px;
    }

    .stem-page {
        padding-right: 25px;
    }

    @media (max-width: 400px) {
        .mid3image {
            height: auto;
            width: 100%;
        }

        .stem-page {
            padding-right: 0;
        }
    }

    @media print {
        a[href]:after {
            content: none;
        }

        .ast-mobile-xs,
        .ast-mobile-sm,
        .ast-mobile-md,
        .ast-mobile-lg {
            display: inline !important;
        }
    }
    /* Carousel Fading slide */

    .carousel-fade .carousel-inner .item {
        opacity: 0;
        transition-property: opacity;
        transition-duration: 5s;
        transition-timing-function: linear;
    }

    .carousel-fade .carousel-inner .active {
        opacity: 1;
    }

        .carousel-fade .carousel-inner .active.left,
        .carousel-fade .carousel-inner .active.right {
            left: 0;
            opacity: 0;
            z-index: 2;
        }

    .carousel-fade .carousel-inner .next.left,
    .carousel-fade .carousel-inner .prev.right {
        opacity: 1;
        z-index: 1;
    }

    .carousel-fade .carousel-control {
        z-index: 3;
    }
    /*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/

    @media all and (transform-3d), (-webkit-transform-3d) {
        .carousel-fade .carousel-inner > .item.next,
        .carousel-fade .carousel-inner > .item.active.right {
            opacity: 0;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        .carousel-fade .carousel-inner > .item.prev,
        .carousel-fade .carousel-inner > .item.active.left {
            opacity: 0;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

            .carousel-fade .carousel-inner > .item.next.left,
            .carousel-fade .carousel-inner > .item.prev.right,
            .carousel-fade .carousel-inner > .item.active {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                -moz-transform: translate3d(0, 0, 0);
                -ms-transform: translate3d(0, 0, 0);
                -o-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
    }

    .ast-banner picture {
        background-color: #555;
    }

    .rw-wrapper {
        display: block;
        top: 45%;
        left: 0;
        padding: 0 0 0 50%;
        margin: 0;
        color: White;
        position: relative;
    }

        .rw-wrapper h2 {
            line-height: 1.1;
            padding-bottom: 4px;
            margin-bottom: 5px;
        }

    .rw-sentence {
        white-space: nowrap;
        font-size: 3vw;
        font-weight: normal;
        text-align: left;
        line-height: 1.1;
        margin: 0;
    }

    .rw-sentence2 {
        white-space: nowrap;
        font-size: 3vw;
        font-weight: normal;
        text-align: left;
        line-height: 1.1;
        margin: 0;
    }

        .rw-sentence2 a {
            color: White;
            text-decoration: none !important;
        }

    .rw-words {
        display: block;
        width: 100%;
    }

        .rw-words span {
            position: absolute;
            opacity: 0;
            overflow: hidden;
        }

        .rw-words a {
            color: White;
        }

    .rw-words-1 span {
        -webkit-animation: rotateWordsFirst 12s linear infinite 0s;
        -moz-animation: rotateWordsFirst 12s linear infinite 0s;
        -ms-animation: rotateWordsFirst 12s linear infinite 0s;
        animation-name: rotateWordsFirst;
        animation-duratoin: 12s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-iteration-count: infinite;
    }

    .rw-words span:nth-child(2) {
        -webkit-animation-delay: 4s;
        -moz-animation-delay: 4s;
        -ms-animation-delay: 4s;
        animation-delay: 4s;
    }

    .rw-words span:nth-child(3) {
        -webkit-animation-delay: 8s;
        -moz-animation-delay: 8s;
        -ms-animation-delay: 8s;
        animation-delay: 8s;
    }

    @-webkit-keyframes rotateWordsFirst {
        0% {
            opacity: 1;
            -webkit-animation-timing-function: ease-in;
            -moz-animation-timing-function: ease-in;
            height: 0px;
        }

        8% {
            opacity: 1;
            height: 60px;
        }

        19% {
            opacity: 1;
            height: 60px;
        }

        25% {
            opacity: 0;
            height: 60px;
        }

        100% {
            opacity: 0;
        }
    }

    @-ms-keyframes rotateWordsFirst {
        0% {
            opacity: 1;
            -ms-animation-timing-function: ease-in;
            height: 0px;
        }

        8% {
            opacity: 1;
            height: 60px;
        }

        19% {
            opacity: 1;
            height: 60px;
        }

        25% {
            opacity: 0;
            height: 60px;
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes rotateWordsFirst {
        0% {
            opacity: 1;
            -webkit-animation-timing-function: ease-in;
            -moz-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            height: 0px;
        }

        8% {
            opacity: 1;
            height: 60px;
        }

        19% {
            opacity: 1;
            height: 60px;
        }

        25% {
            opacity: 0;
            height: 60px;
        }

        100% {
            opacity: 0;
        }
    }

    .banner-index {
        position: relative;
        top: 15%;
        margin-left: 35%;
        padding: 10px;
        color: #FFF;
        text-align: left;
    }

        .banner-index h2 {
            line-height: 1.1;
        }

    .banner-index-sentence {
        white-space: nowrap;
        font-size: 20px;
        font-weight: normal;
        font-family: 'Noto Sans', sans-serif;
    }

    .banner-index-sentence2 {
        white-space: nowrap;
        font-size: 20px;
        font-weight: normal;
        font-family: 'Noto Sans', sans-serif;
    }

    /* About Us - Banner Text*/
    .banner-aboutus {
        position: absolute;
        top: 15%;
        margin-left: 35%;
        margin-right: 50%;
        padding: 10px;
        color: #A62B4E;
        text-align: left;
    }

    .banner-aboutus-sentence {
        white-space: inherit;
        font-size: 22px;
        font-weight: normal;
        font-family: 'Noto Sans', sans-serif;
    }

    .banner-aboutus-sentence2 {
        white-space: nowrap;
        font-size: 22px;
        font-weight: normal;
        font-family: 'Noto Sans', sans-serif;
    }

    .headline-makeadiff {
        text-align: right;
    }

    @media (min-width:1024px) {
        .banner-aboutus h2 {
            font-size: 19px;
            line-height: 1.4;
            font-weight: bold;
        }
        .banner-aboutus {
            margin-left: 30%;
            top: 20%;
            margin-right: 50% !important;
        }

    }

@media (min-width:1200px) {
    .banner-aboutus h2 {
        font-size: 19px;
        line-height: 1.4;
        font-weight: bold;
    }

    .banner-aboutus {
        margin-left: 30%;
        top: 10%;
        margin-right: 50% !important;
    }
}

    @media (max-width: 1024px) and (min-width: 769px) {
        .banner-aboutus {
            margin-left: 30%;
            top: 40%;
            margin: 10% 50% 0% 4% !important;
        }

            .banner-aboutus h2 {
                font-size: 14px;
                line-height: 1.4;
                font-weight: bold;
            }

        .banner-aboutus-sentence {
            font-size: 22px;
        }

        .banner-aboutus-sentence2 {
            font-size: 24px;
        }

        .banner-index-sentence {
            font-size: 22px;
        }

        .banner-index-sentence2 {
            font-size: 24px;
        }

        .home-hero h2 {
            font-size: 24px;
            top: 280px;
        }

        .home-hero2 h2 {
            font-size: 24px;
            top: 350px;
        }

        .aboutus-hero h2 {
            font-size: 24px;
        }

        .aboutus-hero p {
            font-size: 14px;
        }
    }

    @media (max-width: 768px) and (min-width: 481px) {
        .banner-aboutus {
            margin-left: 30%;
            top: 25%;
            margin-right: 50% !important;
        }

            .banner-aboutus h2 {
                font-size: 9px;
                line-height: 1.8;
                font-weight: bold;
            }

        .banner-aboutus-sentence {
            font-size: 12px;
        }

        .banner-aboutus-sentence2 {
            font-size: 24px;
        }

        .banner-index {
            margin-left: 30%;
            top: 15%;
        }

        .banner-index-sentence {
            font-size: 22px;
        }

        .banner-index-sentence2 {
            font-size: 24px;
        }

        .home-hero h2 {
            font-size: 22px;
        }

        .headline-makeadiff {
            text-align: left;
        }

        .aboutus-hero h2 {
            font-size: 22px;
        }

        .aboutus-hero p {
            font-size: 12px;
        }
    }

    @media (max-width: 480px) and (min-width: 321px) {
        .banner-aboutus {
            margin-left: 25%;
            top: 13%;
            margin: 10% 50% 0% 0% !important;
        }

            .banner-aboutus h2 {
                font-size: 7.5px;
                line-height: 1.8;
                font-weight: bold;
            }

        .banner-aboutus-sentence {
            font-size: 9px;
            font-weight: 400;
        }

        .banner-aboutus-sentence2 {
            font-size: 18px;
            font-weight: 400;
        }

        .banner-index {
            margin-left: 25%;
            top: 2%;
        }

            .banner-index h2 {
                line-height: 0.6;
            }

        .banner-index-sentence {
            font-size: 16px;
            font-weight: 400;
        }

        .banner-index-sentence2 {
            font-size: 18px;
            font-weight: 400;
        }

        .home-hero h2 {
            font-size: 20px;
        }

        .home-hero-text1 {
            left: 175px;
            top: 410px;
        }

        .home-hero2-text1 {
            left: 175px;
            top: 410px;
        }

        .headline-makeadiff {
            text-align: left;
        }

        .aboutus-hero h2 {
            font-size: 20px;
        }

        .aboutus-hero p {
            font-size: 12px;
        }
    }

    @media (max-width: 320px) {
        .banner-aboutus {
            top: 1%;
            margin-left: 20%;
        }

            .banner-aboutus h2 {
                font-size: 7px;
                line-height: 1.8;
                font-weight: bold;
            }

        .banner-aboutus-sentence {
            font-size: 12px;
            font-weight: 400;
        }

        .banner-aboutus-sentence2 {
            font-size: 14px;
            font-weight: 400;
        }




        .banner-index {
            top: 1%;
            margin-left: 20%;
        }

            .banner-index h2 {
                line-height: 0.5;
            }

        .banner-index-sentence {
            font-size: 12px;
            font-weight: 400;
        }

        .banner-index-sentence2 {
            font-size: 14px;
            font-weight: 400;
        }

        .home-hero h2 {
            font-size: 14px;
        }

        .home-hero-text1 {
            left: 175px;
            top: 410px;
        }

        .home-hero2-text1 {
            left: 175px;
            top: 410px;
        }

        .headline-makeadiff {
            text-align: left;
        }

        .aboutus-hero h2 {
            font-size: 14px;
        }

        .aboutus-hero p {
            font-size: 8px;
        }
    }
    /* About Us - Pie Chart */

    .fundingnote {
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 0px;
    }

    .myChart {
        width: 350px;
        height: 350px;
    }

    .myChartLogo {
        position: absolute;
        top: 40%;
        width: 100%;
    }

    @media (max-width: 1024px) {
        .myChartLogo {
            top: 30%;
        }

        .fundingnote {
            line-height: 1.4;
        }
    }

    @media (max-width: 768px) and (min-width: 481px) {
        .myChartLogo {
            top: 35%;
        }
    }

    @media (max-width: 480px) {
        .fundingnote {
            font-size: 1.20EM;
            font-weight: 400;
        }

        .ast-banner-img {
            font-size: 1.20EM;
            font-weight: 400;
        }

        .myChart {
            width: 225px;
            height: 225px;
        }

        .myChartLogo {
            top: 35%;
        }
    }
    /* Our Focus - Banner */

    .ourfocus-hero {
        background-image: url('//astellasusafoundationimg.blob.core.windows.net/img/Our-Focus-Banner-ShotAtLife2.jpg');
        display: block;
        background-attachment: fixed;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    @media (max-width: 769px) and (min-width: 1024px) {
        .ourfocus-hero {
            background-image: url('/img/Our-Focus-Banner-ShotAtLife_1022.jpg');
            display: block;
            background-attachment: scroll;
            background-position: center center;
            background-repeat: no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }
    }

    @media (max-width: 768px) {
        .ourfocus-hero {
            background-image: url('/img/Our-Focus-Banner-ShotAtLife_640.jpg');
            display: block;
            background-attachment: scroll;
            background-position: center center;
            background-repeat: no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }
    }
    /* Our Focus - STEM Educatgion - Banner */

    .ourfocus-stem-hero {
        background-image: url('//astellasusafoundationimg.blob.core.windows.net/img/Our-Focus-Health-And-STEM-Education-Banner-StellarGirls.jpg');
        display: block;
        background-attachment: fixed;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .ourfocus-hero-DR {
        background-image: url('https://astellasusafoundationimg.blob.core.windows.net/img/Our-Focus-Disaster-Response-ARC-Kit-Canvassing-2.jpg');
        display: block;
        background-attachment: fixed;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    @media (max-width: 400px) {
        .ourfocus-hero-DR {
            background-image: url('/img/arc-kit-canvassing-small.jpg');
            display: block;
            background-attachment: scroll;
            background-position: center center;
            background-repeat: no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }
    }

    @media (max-width: 320px) {
        .ourfocus-stem-hero {
            background-image: url('//astellasusafoundationimg.blob.core.windows.net/img/Our-Focus-Health-And-STEM-Education-Banner-StellarGirls_640.jpg');
            display: block;
            background-attachment: scroll;
            background-position: center center;
            background-repeat: no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

        .committed {
            margin-top: 100px;
        }
    }

    @media (max-width: 768px) and (min-width: 321px) {
        .ourfocus-stem-hero {
            background-image: url('/img/Our-Focus-Health-And-STEM-Education-Banner-StellarGirls_1022.jpg');
            display: block;
            background-attachment: scroll;
            background-position: center center;
            background-repeat: no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

        .committed {
            margin-top: 70px;
        }
    }
    /* Our Focus - STEM - Circle Images */
    .ourfocus-circular {
        display: block;
        width: 225px;
        height: 225px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50% !important;
        border: 6px solid #A62B4E;
    }

    .ourfocus-circular-row2 {
        display: block;
        width: 225px;
        height: 225px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50% !important;
        border: 6px solid #A62B4E;
        margin-right: -175px;
        margin-left: 175px;
    }

    @media (max-width: 1200px) {
        .ourfocus-circular-row2 {
            margin: 25px;
        }
    }

    .ourfocus-circular p {
        color: white;
        display: block;
        position: relative;
        top: 35%;
        text-align: center;
        font-size: 24px;
        font-weight: normal;
        filter: Shadow(Color=#000, Direction=130, Strength=1);
        text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }

    .ourfocus-circular .circular-text {
        color: white;
        display: block;
        position: relative;
        top: 35%;
        text-align: center;
        font-size: 24px;
        font-weight: normal;
    }

    .ourfocus-circular-row2 p {
        color: white;
        display: block;
        position: relative;
        top: 35%;
        z-index: 0;
        text-align: center;
        font-size: 24px;
        font-weight: normal;
        filter: Shadow(Color=#000, Direction=130, Strength=1);
        text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }

    .ourfocus-circular:hover p,
    .ourfocus-circular:active {
        display: none;
    }

    .ourfocus-circular:focus p {
        display: none;
    }

    .ourfocus-circular-row2:hover p {
        display: none;
    }

    .ourfocus-square {
        display: block;
        width: 225px;
        height: 225px;
        position: relative;
    }

    .ourfocus-square2 {
        position: absolute;
        bottom: 0;
        overflow: visible;
        white-space: nowrap;
        padding: 0;
        margin: 0;
        width: 100%;
        background: rgba(187, 0, 51, 0.6);
        -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#99#A62B4E, endColorstr=#99#A62B4E);
        zoom: 1;
    }

    .ourfocus-square p {
        color: white;
        display: block;
        position: relative;
        vertical-align: bottom;
        margin-left: 2px;
        text-align: left;
        font-size: 16px;
        font-weight: normal;
        line-height: 1;
        text-align: center;
    }

    .ourfocus-square2 p {
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 2px;
        margin-right: 0;
    }

    .circular-1 {
        background: url('/img/Stellar-Girls-Testing-Foods.png');
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }
    /* .ourfocus-square:hover 
{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
} */

    .circular-2 {
        background: url('/img/Stellar-Girls-Extracting-Protein.png');
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

    .circular-3 {
        background: url('/img/Stellar-Girls-Exploring-Disease.png');
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

    .circular-4 {
        background: url('/img/Stellar-Girls-Playing-With-Polymers.png');
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

    .circular-5 {
        background: url('/img/Stellar-Girls-Dissecting-Flowers3.png');
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

    .cicrular-center {
        background: url('/img/STEM-Educatoin-STEM-Girls.png');
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }
    /* Fancy quotes */

    blockquote.style11 {
        display: block;
        background-image: url('/img/openquote1.png');
        background-repeat: no-repeat;
        background-position: top left;
        padding: 8px;
        margin: 5px;
        text-indent: 23px;
        border-left: 0;
        font-size: 0.75EM !important;
    }

        blockquote.style11 span {
            display: block;
            background-image: url('/img/closequote1.png');
            background-repeat: no-repeat;
            background-position: bottom right;
            font-size: 1.0EM;
            color: rgb(187, 0, 51);
        }

    blockquote.style11wht {
        padding: 8px;
        margin: 5px;
        background-image: url('/img/whtopenquote1.png');
        background-position: top left;
        background-repeat: no-repeat;
        text-indent: 23px;
        border-left: 0;
        font-size: 0.75EM !important;
    }

        blockquote.style11wht span {
            display: block;
            background-image: url('/img/whtclosequote1.png');
            background-repeat: no-repeat;
            background-position: bottom right;
            font-size: 22px;
            color: rgb(187, 0, 51);
        }

    .aboutus-banner-text {
        font-size: 22px;
    }

    .index-banner-text {
        font-size: 22px;
    }

    blockquote.style11f {
        /* padding: 8px; */
        border-left: 0;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        padding-right: 15px;
    }

        blockquote.style11f span {
            display: block;
            font-size: 18px;
        }

    @media (max-width: 480px) {
        #containerMAP {
            width: 300px;
            left: -760%;
        }
    }

    .panel-default {
        border-color: transparent;
    }

    .arrow-down {
        display: inline-block;
        position: relative;
        text-decoration: none !important;
        margin-bottom: 6px;
    }

        .arrow-down:after,
        .arrow-down:before {
            top: 100%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            white-space: normal;
        }

        .arrow-down:before {
            border-color: rgba(255, 210, 210, 0);
            border-top-color: #960029;
            border-width: 13px;
            margin-left: -13px;
            z-index: 3;
        }

        .arrow-down:after {
            border-color: rgba(255, 210, 210, 0);
            border-top-color: #A62B4E;
            border-width: 10px;
            margin-left: -10px;
            z-index: 4;
        }

    .map-panel-text {
        background-color: White;
        font-size: 14px;
        line-height: 1.5;
    }

    @media (max-width: 1024px) {
        .map-panel-text {
            font-size: 1EM;
        }

        blockquote.style11wht span {
            font-size: 18px;
        }

        .aboutus-banner-text {
            font-size: 18px;
        }
    }

    .col-sm-3P {
        width: 100%;
        height: 202px;
    }

    @media only screen and (min-width: 768px) {
        .col-sm-3P {
            width: 24.3%;
        }

        .caption-bx {
            width: 50%;
        }
    }

    .team-v5 small-x {
        display: block;
        color: #555;
        font-size: 14px;
        position: relative;
    }

    .team-v5 span {
        color: #555;
    }
    /* Home Hero Images 
.home-hero-1 {
    background-image: url('//astellasusafoundationimg.blob.core.windows.net/img/About-Us-Banner-Enriching-Lives-In-Communities.jpg');
    display: block;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: auto auto;
    -moz-background-size: auto auto;
    -o-background-size: auto auto;
    background-size: auto auto;
}
.home-hero-2 {
    background-image: url('//astellasusafoundationimg.blob.core.windows.net/img/Home-Banner-Making-A-Difference-Chicago-Botanic-Garden.jpg');
    display: block;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: auto auto;
    -moz-background-size: auto auto;
    -o-background-size: auto auto;
    background-size: auto auto;
}
.home-hero-3 {
    background-image: url('//astellasusafoundationimg.blob.core.windows.net/img/Home-Banner-Making-A-Difference-Shot-At-Life.jpg');
    display: block;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: auto auto;
    -moz-background-size: auto auto;
    -o-background-size: auto auto;
    background-size: auto auto;
}
.home-hero-4 {
    background-image: url('//astellasusafoundationimg.blob.core.windows.net/img/Home-Banner-Making-A-Difference-Starlight-Childrens-Foundation2.jpg');
    display: block;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: auto auto;
    -moz-background-size: auto auto;
    -o-background-size: auto auto;
    background-size: auto auto;
}
.home-hero-5 {
    background-image: url('//astellasusafoundationimg.blob.core.windows.net/img/Home-Banner-Making-A-Difference-STEM-Education.jpg');
    display: block;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: auto auto;
    -moz-background-size: auto auto;
    -o-background-size: auto auto;
    background-size: auto auto;
}
.home-hero-6 {
    background-image: url('//astellasusafoundationimg.blob.core.windows.net/img/Home-Banner-Making-A-Difference-Red-Cross-Disaster-Response.jpg');
    display: block;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: auto auto;
    -moz-background-size: auto auto;
    -o-background-size: auto auto;
    background-size: auto auto;
}
*/
    /* Get Involved Page */

    .get-involved-text {
        font-size: 48px;
        line-height: 1.4;
    }

    .get-involved-overlay {
        margin-top: -230px;
    }

    .live-well-text {
        font-size: 66px;
    }

    @media only screen and (max-width: 320px) {
        .get-involved-text {
            font-size: 12px;
            line-height: 1;
        }

        .get-involved-overlay {
            margin-top: -80px;
        }

            .get-involved-overlay .col-xs-5 {
                margin-right: -50px;
            }

        .live-well-text {
            font-size: 22px;
        }
    }

    @media only screen and (max-width: 480px) and (min-width: 321px) {
        .get-involved-text {
            font-size: 14px;
            line-height: 1;
        }

        .get-involved-overlay {
            margin-top: -100px;
        }

        .live-well-text {
            font-size: 28px;
        }
    }

    @media only screen and (max-width: 768px) and (min-width: 481px) {
        .get-involved-text {
            font-size: 24px;
            line-height: 1.1;
        }

        .get-involved-overlay {
            margin-top: -140px;
        }

        .live-well-text {
            font-size: 28px;
        }

        .committed {
            margin-top: 30px;
        }
    }

    @media only screen and (max-width: 1024px) and (min-width: 769px) {
        .get-involved-text {
            font-size: 36px;
            line-height: 1.2;
        }

        .get-involved-overlay {
            margin-top: -180px;
        }

        .live-well-text {
            font-size: 48px;
        }

        .committed {
            margin-top: 30px;
        }
    }
    /* Our Focus Page Overlays */
    .ourfocuswell-banner-margin {
        margin-top: -130px;
        margin-bottom: -130px;
    }

    .ourfocustogether-banner-margin {
        margin-top: -47px;
        margin-bottom: -47px;
    }

    .ourfocusbanner-margin {
        padding-right: 15px;
        padding-left: 15px;
        margin-left: 15px;
        margin-right: 15px;
    }

    @media (min-width:768px) {
        .ourfocusbanner-margin {
            margin-left: 80px;
            margin-right: 80px;
        }
    }

    @media (min-width:992px) {
        .ourfocusbanner-margin {
            margin-left: 40px;
            margin-right: 40px;
        }
    }

    @media (min-width:1200px) {
        .ourfocusbanner-margin {
            margin-left: 90px;
            margin-right: 90px;
        }

        .committed {
            margin-top: 30px;
        }
    }

    .ourfocusbanner-overlay {
        margin-top: -40px;
    }

    .ourfocusbanner-width {
        width: 125px;
        height: 250px;
    }

    .ourfocusbanner2-overlay {
        margin-top: -120px;
    }

    .ourfocusdisaster-width {
        width: 125px;
        height: 250px;
    }

    @media only screen and (max-width: 320px) {
        .ourfocusbanner-overlay {
            margin-top: 20px;
        }

        .ourfocusbanner-width {
            width: 55%;
        }

        .ourfocusdisaster-width {
            width: 60%;
        }

        .ourfocusbanner-overlay .col-xs-5 {
            margin-right: -50px;
        }

        .ourfocuswell-banner-margin {
            margin-top: -100px;
            margin-bottom: -100px;
        }

        .ourfocustogether-banner-margin {
            margin-top: -22px;
            margin-bottom: -22px;
        }
    }

    @media only screen and (max-width: 480px) and (min-width: 321px) {
        .ourfocusbanner-overlay {
            margin-top: -100px;
        }

        .ourfocusbanner-width {
            width: 40%;
        }

        .ourfocusdisaster-width {
            width: 55%;
        }

        .ourfocuswell-banner-margin {
            margin-top: -95px;
            margin-bottom: -95px;
        }

        .ourfocustogether-banner-margin {
            margin-top: -22px;
            margin-bottom: -22px;
        }
    }

    @media only screen and (max-width: 768px) and (min-width: 481px) {
        .ourfocusbanner-overlay {
            margin-top: -140px;
        }

        .ourfocusbanner-width {
            width: 40%;
        }

        .ourfocusdisaster-width {
            width: 40%;
        }

        .ourfocuswell-banner-margin {
            margin-top: -115px;
            margin-bottom: -115px;
        }

        .ourfocustogether-banner-margin {
            margin-top: -22px;
            margin-bottom: -22px;
        }
    }

    @media only screen and (max-width: 1024px) and (min-width: 769px) {
        .ourfocusbanner-overlay {
            margin-top: -180px;
        }

        .ourfocusbanner-width {
            width: 35%;
        }

        .ourfocusdisaster-width {
            width: 45%;
        }

        .ourfocuswell-banner-margin {
            margin-top: -120px;
            margin-bottom: -120px;
        }

        .ourfocustogether-banner-margin {
            margin-top: -34px;
            margin-bottom: -34px;
        }
    }
    /* News Blog */

    .shareblog {
        margin: 25px 0 0 !important;
        padding: 0;
        padding: 15px 0 10px;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }

    .social-icon {
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .social-icon a {
            text-decoration: none;
        }
    /* Home Page Live Well-Live Bright-Live Together Banner */
    .hideMe {
        visibility: hidden;
    }

    #hideMe1 {
        visibility: hidden;
        -webkit-transition: 0 all;
        -webkit-transition-delay: 5s;
        -moz-transition: 0 all;
        -moz-transition-delay: 5s;
        -ms-transition: .0 all;
        -ms-transition-delay: 5s;
        -o-transition: 0 all;
        -o-transition-delay: 5s;
        transition: 0 all;
        transition-delay: 5s;
    }

    #hideMe2 {
        visibility: hidden;
        -webkit-transition: 0 all;
        -webkit-transition-delay: 5s;
        -moz-transition: 0 all;
        -moz-transition-delay: 5s;
        -ms-transition: 0 all;
        -ms-transition-delay: 5s;
        -o-transition: 0 all;
        -o-transition-delay: 5s;
        transition: 0 all;
        transition-delay: 5s;
    }

    #hideMe2a {
        visibility: hidden;
        -webkit-transition: 0 all;
        -webkit-transition-delay: 5s;
        -moz-transition: 0 all;
        -moz-transition-delay: 5s;
        -ms-transition: 0 all;
        -ms-transition-delay: 5s;
        -o-transition: 0 all;
        -o-transition-delay: 5s;
        transition: 0 all;
        transition-delay: 5s;
    }

    #hideMe3 {
        visibility: hidden;
        -webkit-transition: 0 all;
        -webkit-transition-delay: 5s;
        -moz-transition: 0 all;
        -moz-transition-delay: 5s;
        -ms-transition: 0 all;
        -ms-transition-delay: 5s;
        -o-transition: 0 all;
        -o-transition-delay: 5s;
        transition: 0 all;
        transition-delay: 5s;
    }

    .live-well-row-1 {
        height: 124px;
        background: url('/img/Home-Banner-2015-Live-Well-Live-Bright-Live-Together-top-BW.jpeg') no-repeat center;
        -webkit-transition: 0 all;
        -webkit-transition-delay: 5s;
        -moz-transition: 0 all;
        -moz-transition-delay: 5s;
        -ms-transition: 0 all;
        -ms-transition-delay: 5s;
        -o-transition: 0 all;
        -o-transition-delay: 5s;
        transition: 0 all;
        transition-delay: 5s;
    }

        .live-well-row-1:hover {
            /* background: url('/img/Home-Banner-2015-Live-Well-Live-Bright-Live-Together-top-Color.jpeg') no-repeat center; */
            background: 0;
            -webkit-transition-delay: 0s;
            -moz-transition-delay: 0s;
            -ms-transition-delay: 0s;
            -o-transition-delay: 0s;
            -transition-delay: 0s;
        }

    #live-well-row-1:hover #hideMe1 {
        visibility: visible;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -ms-transition-delay: 0s;
        -o-transition-delay: 0s;
        -transition-delay: 0s;
    }

    .live-well-row-2 {
        height: 124px;
        background: url('/img/Home-Banner-2015-Live-Well-Live-Bright-Live-Together-middle-BW.jpeg') no-repeat center;
        -webkit-transition: 0 all;
        -webkit-transition-delay: 5s;
        -moz-transition: 0 all;
        -moz-transition-delay: 5s;
        -ms-transition: 0 all;
        -ms-transition-delay: 5s;
        -o-transition: 0 all;
        -o-transition-delay: 5s;
        transition: 0 all;
        transition-delay: 5s;
    }

        .live-well-row-2:hover {
            /* background: url('/img/Home-Banner-2015-Live-Well-Live-Bright-Live-Together-middle-Color.jpeg') no-repeat center; */
            background: 0;
            -webkit-transition-delay: 0s;
            -moz-transition-delay: 0s;
            -ms-transition-delay: 0s;
            -o-transition-delay: 0s;
            -transition-delay: 0s;
        }

    #live-well-row-2:hover #hideMe2 {
        visibility: visible;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -ms-transition-delay: 0s;
        -o-transition-delay: 0s;
        -transition-delay: 0s;
    }

    #live-well-row-2:hover #hideMe2a {
        visibility: visible;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -ms-transition-delay: 0s;
        -o-transition-delay: 0s;
        -transition-delay: 0s;
    }

    .live-well-row-3 {
        height: 124px;
        background: url('/img/Home-Banner-2015-Live-Well-Live-Bright-Live-Together-bottom-BW.jpeg') no-repeat center;
        -webkit-transition: 0 all;
        -webkit-transition-delay: 5s;
        -moz-transition: 0 all;
        -moz-transition-delay: 5s;
        -ms-transition: 0 all;
        -ms-transition-delay: 5s;
        -o-transition: 0 all;
        -o-transition-delay: 5s;
        transition: 0 all;
        transition-delay: 5s;
    }

        .live-well-row-3:hover {
            /* background: url('/img/Home-Banner-2015-Live-Well-Live-Bright-Live-Together-bottom-Color.jpeg') no-repeat center; */
            background: 0;
            -webkit-transition-delay: 0s;
            -moz-transition-delay: 0s;
            -ms-transition-delay: 0s;
            -o-transition-delay: 0s;
            -transition-delay: 0s;
        }

    #live-well-row-3:hover #hideMe3 {
        visibility: visible;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -ms-transition-delay: 0s;
        -o-transition-delay: 0s;
        -transition-delay: 0s;
    }

    .live-well-rowIE-1 {
        height: 124px;
        background: url('/img/Home-Banner-2015-Live-Well-Live-Bright-Live-Together-top-BW.jpeg') no-repeat center;
    }

        .live-well-rowIE-1.hover {
            background: url('/img/Home-Banner-2015-Live-Well-Live-Bright-Live-Together-top-Color.jpeg') no-repeat center;
        }

    .live-well-rowIE-2 {
        height: 124px;
        background: url('/img/Home-Banner-2015-Live-Well-Live-Bright-Live-Together-middle-BW.jpeg') no-repeat center;
    }

        .live-well-rowIE-2.hover {
            background: url('/img/Home-Banner-2015-Live-Well-Live-Bright-Live-Together-middle-Color.jpeg') no-repeat center;
        }

    .live-well-rowIE-3 {
        height: 124px;
        background: url('/img/Home-Banner-2015-Live-Well-Live-Bright-Live-Together-bottom-BW.jpeg') no-repeat center;
    }

        .live-well-rowIE-3.hover {
            background: url('/img/Home-Banner-2015-Live-Well-Live-Bright-Live-Together-bottom-Color.jpeg') no-repeat center;
        }

    .hideMeIE.hover {
        visibility: visible;
    }

    .hideMeIE {
        visibility: hidden;
    }

    .section {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 96vh;
        min-height: 96vh;
        position: relative;
        padding: 5% 3%;
    }

    .section-nopad {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 100vh;
        min-height: 100vh;
        position: relative;
        padding: 0;
    }

    .section-break {
        height: 11vh;
        min-height: 11vh;
        background-color: #F2F2F2;
        position: relative;
        padding: 0;
    }

    .charity-caption {
        line-height: 1.1;
        text-align: left;
        font-size: 2EM;
        color: White;
    }

        .charity-caption span {
            visibility: hidden;
        }

    .charity-caption-rp {
        position: absolute;
        bottom: 6%;
        right: 5%;
    }

    .charity-caption-r {
        line-height: 1.1;
        text-align: right;
        font-size: 2EM;
        color: White;
    }

    .charity-caption-rTOP {
        line-height: 1.1;
        text-align: right;
        font-size: 1.5EM;
        color: White;
    }

    .charity-caption-r span {
        visibility: hidden;
    }

    .charity-subcaption {
        font-weight: bold;
        line-height: 1;
        height: 10%;
        margin-top: 15px;
    }

        .charity-subcaption span {
            visibility: hidden;
        }

    .charity-subcaption-r {
        font-weight: bold;
        line-height: 1;
        text-align: right;
        height: 10%;
        margin-top: 15px;
    }

    .charity-subcaptio-rn span {
        visibility: hidden;
    }

    @media (max-width: 767px) and (min-width: 401px) {
        .charity-caption {
            font-size: 1.75EM;
        }
    }

    @media (max-width: 400px) {
        .charity-caption {
            line-height: 1;
            text-align: left;
            font-size: 1.25EM;
        }

        .charity-subcaption {
            font-weight: bold;
            line-height: 1;
            font-size: 1.25EM;
            margin-top: 15px;
        }

        .charity-caption-rp {
            position: relative;
            right: 0;
            padding-right: 0;
            padding-left: 0;
        }

        .charity-caption-r {
            line-height: 1;
            text-align: left;
            font-size: 1.25EM;
        }

        .charity-caption-rTOP {
            line-height: 1;
            text-align: left;
            font-size: 1.25EM;
        }

        .charity-subcaption-r {
            font-weight: bold;
            line-height: 1;
            font-size: 1.25EM;
            margin-top: 15px;
            text-align: left;
        }

        .charity-sub-hide {
            margin: 0;
        }
    }