:root {
    --body-font: HelveticaNeueLTStd-Lt, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --header-font: HelveticaNeueLTStd-Bd, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --light: 300;
    --normal: 400;
    --semi-bold: 600;
    --bold: 700;
    --font-size-sm: 0.875rem;
    --font-size-body: 1.125rem;
    --font-size-lg: 1.375rem;
    --font-size-header: 2rem;
    --brand-blue: #052049;
    --blue: var(--brand-blue);
    --blue-dark: #052049;
    --blue-light: #006be9;
    --blue-link: #0166ff;
    --blue-border: #27354c;
    --blue-main-bg: var(--brand-blue);
    --green: #18fe70;
    --red: #ff2366;
    --white: #ffffff;
    --gray-bg: #f8f8f9;
    --gray-border: #506380;
    --gray-text: #9ba6b6;
    --base-time: 0.3s;
    --base-function: ease;
    --base-transition: all var(--base-time) var(--base-function);
    --lg-pad-sides: calc(1.25rem + 1.5vw);
    --lg-pad-sides-full: calc(6rem + 1.5vw);
    }

/**
 * Disable smooth scrolling when users have prefers-reduced-motion enabled
 */
@media screen and (prefers-reduced-motion: reduce) {
 html {
  scroll-behavior: auto;
 }
}

/* Mobile Styles */

    @media only screen and (max-width: 1000px) {

            
        .topHeader {
            background-color: #506380;
            height: 50px;
            padding: 0 40px;
        }
        /*.topHeaderPhone img {
            display: none;
        } */       
.containerHeader {
    max-width: 1440px;
    margin: 0rem auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
}

        .topHeaderText {
            color: #fff;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 30px;
            float: left;
            margin-top: 0;
        }

        
        .primaryHeaderLogo {
            margin: 10px 0 0 0;
            display: block;
            order: 1;
            width: 14rem;
            height: auto;
        }
        
        .header_img_mob{
            margin: 0rem 0rem 0rem 03rem;
            display: flex;
             width: 14rem;
            height: auto;
            }
       
        .topHeaderPhone {
        order: 2;
        padding: 0px 0;
        width: 40px;
        }
        .phoneText {display:none;}
        /*.phoneText a p {
            color: #006be9;
            text-align: right;
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
            line-height: 30px;
            float: right;
    margin-bottom: 0;
        }*/
        
        .phoneImage {
            float: left;
            margin-top: 17px;
            width: 35px;
        }
        
        .primaryHeaderLogo {
            margin: 10px 0 0 0;
            display: block;
            order: 1;
            width: 14rem;
            height: auto;
        }

        .fullWidthHero {
            background-image: url(https://image.s7.sfmc-content.com/lib/fe2911717d64047b7c1479/m/1/5d60a84e-7216-4fa6-8949-b1387752880c.jpg);
            padding: 50px 10px 100px 10px;
            width: 100%;
            background-repeat: no-repeat;
            background-size: cover;
            margin-top: 10px;
        }

        .fullWidthHero h1 {
            font-size: 50px;
            font-style: normal;
            font-weight: 700;
            line-height: 55px;
            letter-spacing: -1px;
            text-align: center;
        }

        .fullWidthHero p {
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: 30px;
            text-align: center;
            padding: 0 10px;
        }
.hat {
    display: none;
}
.rabbit {
 display:inherit;
}


        .whitePill {
            padding-top: 200px;
            margin: 40px 0 0 0;
            text-align: center;
            width: 100%;
        }
        .subtitle h2 {
            color: #052049;
            text-align: center;
            font-size: 32px;
            font-style: normal;
            font-weight: 400;
            line-height: 40px;
            margin: 30px 0 40px 0;
        }

        .threeCol,
        .row {
            max-width: 1440px;
            margin: 0rem auto;
            display: block;
            flex-direction: row;
            align-items: top;
            justify-content: space-between;
        }
        .row.noColor {
            display:flex;
            flex-direction: column;
        }
        .blue_container .row {
            display:flex;
            flex-direction: column-reverse;
        }

        .threeCol .box {
            border-radius: 10px;
            background: #F8F8F9;
            width: 100%;
            padding: 30px 50px 40px 50px;
            text-align: center;
            margin-bottom: 20px;
        }

        .textCol {
            max-width: 100%;
            text-align: center;
            margin: 20px;
            
        }

        .picCol {
            max-width: 100%;
            
        }
        
        .noColor .picCol {
            margin-left: 0px;
            max-width: 100%;
            margin-bottom: 20px;

        }
        
        .blue_container {
            max-width: 100%;
            margin: 0px;
            padding: 0px;
            text-align: center;
        }

        .blue_container .picCol {
            margin-left: 0px;
            margin-right: 0px;  
            
        }
        .bluePill {
            width: 100%;
        }
        input[type=text], input[type=button], input[type=reset] {
            margin: 1.5rem 0rem 1rem 0rem;
        }

        .blueCaption {
            border-radius: 10px;
            background: #052049;
            max-width: 100%;
            padding: 20px 30px;
            color: #ffffff;
            font-size: 28px;
            font-style: normal;
            font-weight: 700;
            line-height: 35px;
            position: relative;
            bottom: 20px;
            left: 0px;
            margin-top: -10px;
                        
        }



        .bgimage {
            position: relative;
            top: -181px;
            z-index: 1;
        }

        .donorCTA {
            border-radius: 10px;
            background: #052049;
            padding: 40px 40px 5px 40px;
            position: relative;
            top: 0px;
            margin: 0px;
            font-size: 32px;
        }

        img.a_icon{
            height: 15px;
            width: auto;
            text-align: center;
        }
        img.a_icon {
            height: 15px;
            width: auto;
            position: relative;
            top: 3px;
            text-align: center;
        }

        
        img.b_icon, img.r_icon, img.downloadIcon, img.startIcon, img.scheduleIcon {
            height: 35px;
            width: auto;
            text-align: center;
        }

        h3.r_head {
            text-align: center;
            color: #052049;
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: 28px;
            margin: 10px 0 0 0;
        }
        
        p.r_text {
            text-align: center;
            color: #052049;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: 30px;
            margin: 10px 0 40px 0;
        }


        .donorCTA h2 {
            color: var(--White, #FFF);
            text-align: center;
            font-size: 30px;
            font-style: normal;
            font-weight: 700;
            line-height: 30px;
        }

        .notForYouRow h2 {
            color: #052049;
            text-align: center;
            font-size: 36px;
            font-style: normal;
            font-weight: 700;
            line-height: 46px;
        }

        .notForYouRow p {
            color: #052049;
            text-align: center;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: 30px; 
            margin: 10px 50px 60px 50px;
        }

        .scheduleStartRow {
            display: block;
            width: 100%;
            margin: 0;
            flex-wrap: nowrap;
            flex-direction: row;
            align-content: center;
            justify-content: center;
            align-items: center;
        }

        .scheduleCol, .startCol {
            width: 100%;
            margin: 0 0 20px 0;
        }
        .scheduleCol a, .startCol a {
            padding: 18px;
            width: 100%;
        }

        .downloadFormRow {
    display: flex;
    margin-bottom: 40px;
    width: 100%;
    flex-direction: column-reverse;
        }

        .downloadFormRow .imgCol {
            width: 100%;
    height: 300px;
    order: 2;
    background-image: url(https://image.s7.sfmc-content.com/lib/fe2911717d64047b7c1479/m/1/bcfb6473-0e0f-46f1-a0e9-e18d03539ca5.jpg);
    background-size: cover;
        }

        .downloadFormRow .formCol {
            width: 100%;
            background: var(--Light-Grey, #F8F8F9);
            order: 1;
            padding: 20px;
            text-align: center;
        }
        .downloadFormRow .formCol h3 {
            font-size: 32px;
            line-height: 40px;
            text-align: center;
        }
        .labelForm {
            text-align: left;
        }
        .formRow {
            margin: 0;
        }
        .disclaimerForm {
            margin: 0;
        }

        .faq_intro h2 {
        padding-top: 30px;
            color: #052049;
        text-align: center;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
        }

        .faq_intro p {
        color:#052049;
        text-align: center;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom:40px;
        }

        details summary h3 {
            font-size: 20px;
            line-height: 28px;
        }

        .notForYouRow h2 {
            color: #052049;
            text-align: center;
            font-size: 36px;
            font-style: normal;
            font-weight: 700;
            line-height: 46px;
        }
        
        .notForYouRow p {
            color: #052049;
        text-align: center;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; 
        margin: 10px 10px 40px 10px;
        }

        .footerRow {
            display: block;
            clear: both;
        }
    }

/* End Mobile Styles */