* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



p {
    color: #323232;
}

#rightBanner {
    height: 50%;
    float: left;
    width: 70%;
    border: 0px solid green;
}

#rightBannerTop {
    float: left;
    border: 0px solid black;
    height: 100%;
    width: 100%;
}

#bannerTextDiv {
    margin-left: 10%;
    float: left;
    height: 100%;
    width: 60%;
    xmargin-top: 10%;
    margin-top: 7%;
    padding: 0px;
    border: 0px solid green;
}

#banerText1 {
    xfont-size: 18px;
    font-size: 1.5em;
    font-weight: bold;
    color: #6c6c6c;
    xline-height: 15px;
    padding-bottom: 0px;
    font-family: 'tt0141m_';
}

#banerText2 {
    font-size: 2.8em;
    color: #4baef2;
    font-weight: bold;
    line-height: 55px;
    padding-bottom: 0px;
    font-family: 'tt0144m_';
}

#banerText3 {
    font-size: 13px;
    font-weight: bold;
    color: #6c6c6c;
    line-height: 16px;
}

a img {
    border: 0;
    cursor: pointer;
}

.buttonWrapper {
    width: 100%;
    text-align: center;
    padding: 10px 0;
}
.paytmQR {
width:18%;
xwidth: 260px; 
xheight: 360px; 
position: absolute; 
right: 17%; 
top: 0px;
}
.paytmQrContainer {
    width:100%;
}
@font-face {
    font-family: 'tt0140m_';
    src: url('../font/tt0140m_.ttf') format('truetype');
}

@font-face {
    font-family: 'tt0142m_';
    src: url('../font/tt0142m_.ttf') format('truetype');
}

.buttonWrapper::after {
    content: '';
    display: block;
    clear: both;
}

.buttonWrapper a img {
    width: 20%;
    display: inline-block;
    vertical-align: middle;
}

.vr {
    border-left: 4px solid #178f45;
    width: 4px;
    display: inline-block;
    height: 80px;
    vertical-align: middle;
    margin: 0 70px;
}

.button1 {
    width: 49%;
    float: left;
}

.button2 {
    width: 49%;
    float: left;
}

/* #bannerLogo1 { */
/* max-width: 100%; */
/* height: 100%; */
/* /*width: 135px;*/ */
/* float: left; */
/* margin-top: 0%; */
/* margin-right: 0%; */
/* } */
/* #bannerLogo2 { */
/* max-width: 50%; */
/* height: 100%; */
/* float: right; */
/* margin-top: 15px; */
/* margin-right: 0%; */
/* } */
.bannerHeading {
    height: 346px;
    font-family: tt0142m_;
    font-size: 70px;
    font-weight: bold;
    color: #AFCA20;
    clear: both;
}
/* .left_banner{ */
/* float:left; */
/* height:100%; */


/* } */
/* .right_banner{ */

/* height:100%; */

/* } */

.footerHeading {
    font-size: 40px;
    font-weight: bold;
    /* padding: 0px 0 17px 72px; */
    color: #2985ce;
    text-align: center;
    font-family: 'tt0144m_';
}

.footerLastLine {
    color: #333;
    background-color: #b4dff2;
    font-size: 15px;
    padding: 0.7%;
    opacity: 0.7;
    font-family: tt0142m_;
}

div.footer p {
    padding: 1%;
    padding: 1%;
    font-size: 20px;
}

#helpimg {
    width: 61%;
    /* margin-left: 25%; */
    /* margin-top: 3%; */
    /* margin-bottom: 2%; */
    margin: 30px auto;
    display: block;
}

#bannerSubject {
    width: 70%;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    color: white;
}

.button1 img {
    height: %;
    width: 35%;
    margin-left: 48%;
}

.button2 img {
    /* height: 24%; */
    width: 35%;
    margin-right: 50%;
    margin-left: 18%;
}

body p {
    font-family: 'tt0140m_';
    font-size: 1em;
    padding-bottom: 10px;
}

body {
    /*background-image: url('../images/Background.jpg');*/
    background-size: cover;
    font-size: 16px;
}

section {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}

h1 {
    font-family: Georgia;
    font-size: 2.375em;
    font-weight: 100;
    padding: 25px 0 30px 0;
    margin-bottom: 20px;
    background: url('../images/blue_heading.png') no-repeat center bottom;
}

h2, h3 {
    color: #000;
    padding: 10px;
}

a:-webkit-any-link {
    text-decoration: none;
}

.container {
    margin: 0 auto;
    max-width: 916px;
}

input[type="button"], input[type="submit"], input[type="text"] {
    -webkit-appearance: none;
    border-radius: 0;
}

.overviewHeading {
    color: black;
    font-size: 24px;
}

.descriptionHeading {
    color: black;
    font-size: 24px;
    text-align: left;
    padding: 15px 0;
    padding-left: 30px;
}

.imageContainer {
    max-width: 10%;
    height: auto;
    width: 100%;
    float: right;
    border-radius: 22px;
}

.bannerHeading {
    font-family: tt0142m_;
    font-size: 70px;
    font-weight: bold;
    color: #AFCA20;
    clear: both;
}

.actionHeaderText {
    font-size: 24px;
    font-weight: bold;
    background-color: gainsboro;
    width: 50%;
    text-align: center;
    padding: 8px 0 8px;
    border-radius: 8px;
    margin: 20px auto;
}

.footerText {
    font-size: 30px;
    width: 100%;
    text-align: center;
    xpadding: 5px 0 0px;
    color: #545353;
    margin: 7px auto;
    font-family: tt0142m_;
    font-weight: bold;
}

.overviewWrapper1 {
    /*margin: 0px 100px; */
    text-align: justify;
    font-family: "Segoe UI";
    font-size: 0.98em;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 100px;
    padding-right: 100px;
    background-color: rgba(159, 197, 174,0.5);
    width: 100%;
    margin-top: 2%;
}

.footer {
    font-size: 1em;
    font-weight: bold;
    width: 100%;
    text-align: center;
    padding: 8px 0 8px;
    color: #636e72;
    margin: 5px auto;
}

img.sepimg {
    padding-top: 35px;
    height: 100px;
    width: 4px;
}

a.email {
    color: green;
    text-decoration: none;
}

.rightbtn, .leftbtn {
    width: 28px;
    height: 40px;
    font-size: 30px;
    border: none;
    margin: 0px 10px;
    background: none;
}

.overviewHeading {
    text-align: center;
    padding: 18px 0;
    font-weight: bold;
}

.pledgebtncontatiner {
    height: 145px;
    width: 565px;
    background-color: green;
    margin: 0 auto;
    border-radius: 16px;
}

.pledgeBtn {
    margin-left: 485px;
    text-align: center;
    background-color: green;
    width: 160px;
    height: 68px;
    margin: 0 auto;
    border-radius: 16px;
    padding: 8px;
    color: white;
    font-size: 24px;
    font-weight: bold;
}

.donateBtn {
    margin-right: 485px;
    text-align: center;
    background-color: green;
    width: 160px;
    height: 68px;
    margin: 0 auto;
    border-radius: 16px;
    padding: 8px;
    color: white;
    font-size: 24px;
    font-weight: bold;
}

.DescText {
    margin: 0px 70px;
    text-align: left;
    font-family: 'tt0144m_';
    xfont-size: 1.5em;
    font-size: 1.75em;
    padding-bottom: 10px;
    padding-top: 20px;
    color: #3189d1;
    font-weight: bold;
}

@font-face {
    font-family: 'tt0144m_';
    src: url('../font/tt0144m_.ttf') format('truetype');
}

.overviewText {
    margin: 0px 100px;
    text-align: justify;
    font-family: "Segoe UI";
    font-size: 0.98em;
    xpadding-bottom: 4%;
}

.actionContent {
    height: auto;
    padding: 0 50px;
}

img.EmployeeImg {
    float: right;
    height: 205px;
    width: 180px;
    /* padding: 10%; */
    /*margin-top: 1%;
    margin-left: 1%;
    border-radius: 22%;*/
    margin-left: 1%;
}

.w3-button w3-display-left {
    height: 19%;
    width: 2%;
    padding-left: 4px;
}

.overviewWrapper {
    padding: 10px 0px;
    margin: 0px 70px 0px 70px;
}

.pledgeWrapper {
    float: left;
    width: calc(50% - 20px);
}

#bannerSubject {
    width: 70%;
    margin: 0 auto;
    border: 1px solid white;
    padding: 10px;
    text-align: center;
    color: white;
    font-size: 1.8em;
    font-family: 'tt0140m_';
}

#bannerContainer {
    /*background-image: url('../images/Holding Hand.jpg');*/
    /* backface-visibility: hidden; */
    background-repeat: no-repeat;
    background-size: cover;
}

.logoTop {
    background-color: white;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    padding: 0px 0px 0px 42px;
}

#banner2 {
    float: right;
    margin-right: 3%;
    border: 0px solid green;
    margin-top: 4%;
    margin-bottom: 1%;
    width: 15%;
    padding-bottom: 1%;
    height: 100%;
}

.donationWrapper {
    float: left;
    width: calc(50% - 20px);
}

.seperator {
    float: left;
}

#bannerContainer {
    /*background-image: url('../images/Holding Hand.jpg');*/
    backface-visibility: hidden;
    background-repeat: no-repeat;
    /*xpadding-bottom: 35px;*/
}

.banner2img {
    float: right;
    border: 0px solid green;
    margin-right: 65px;
    margin-top: 10px;
    margin-bottom: 39px;
    height: 8%;
    width: 15%;
    padding-bottom: 1%;
}

.kitimgcontainer {
    height: 20%;
    width: 70%;
    border: 0px solid green;
    float: right;
}

p {
    line-height: 20px;
}

@media only screen and (max-width:1095px) {
    .banner2img {
        margin-bottom: 30px;
    }

    #bannerTextDiv {
        margin-top: 5%;
    }
}

@media only screen and (max-width:550px) {
    #bannerTextDiv {
        margin-left: 10%;
        float: left;
        height: 100%;
        width: 70%;
        margin-top: 10%;
        padding: 0px;
        border: 0px solid green;
    }

      #banerText1 {
        font-size: 1em !important;
        line-height:10px;
    }

    #banerText2 {
        font-size: 1.8em !important;
        line-height: 35px;
    }

    #banerText3 {
        font-size: 10px !important;
        line-height:10px
    }
}

@media only screen and (max-width:856px) {
    #banerText1 {
        font-size: 1em;
    }

    #banerText2 {
        font-size: 2em;
        line-height: 35px;
    }

    #banerText3 {
        font-size: 10px;
    }

    .banner2img {
        margin-bottom: 22px;
    }
}

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

    #helpimg {
        width: 80%;
    }
    #rightBannerTop {
        margin-top: 15px;
    }

    #banerText1 {
        font-size: 1em;
        line-height:10px;
    }

    #banerText2 {
        font-size: 1.9em;
        line-height: 35px;
    }

    #banerText3 {
        font-size: 10px;
        line-height:10px
    }
    .kitimgcontainer {
    width:83%;
    
    }
    .footerHeading {
        font-size: 22px;
        font-weight: bolder;
        /* padding: 0px 42px 72px; */
        color: #2985ce;
        text-align: center;
        width: 100%;
        font-family: tt0144m_;
        font-style: bold;
    }
    .buttonWrapper a img {
        width: 35%;
        display: block;
        vertical-align: middle;
        margin: 0 auto;
    }
    .paytmQR {
width:40%;
xwidth: 260px; 
xheight: 360px; 
position: inherit; 
xright: 17%; 
xtop: 0px;
}
    .paytmQrContainer {
    width: 100%;
    text-align: center;
    }
    #bannerSubject {
        font-size: 1.25em;
    }

    .button1 {
        width: 45%;
        float: none;
        margin-left: 15%;
        margin-top: 2%;
    }

    img.sepimg {
        display: none;
    }

    .DescText {
        text-align: center;
    }

    .button2 {
        width: 50%;
        float: none;
    }

    .button1 img {
        height: 50%;
        width: 50%;
        margin-left: 50%;
    }

    .button2 img {
        height: 45%;
        width: 45%;
        margin-left: 75%;
        margin-top: 2%;
    }

    /* #bannerlogo1.img { */
    /* max-width: 100%; */
    /* height: 100%; */
    /* width: 50px; */
    /* float: left; */
    /* margin-top: 0%; */
    /* margin-right: 0%; */
    /* } */
    /* #bannerlogo2.img { */
    /* max-width: 100%; */
    /* height: 200px;; */
    /* width: 40%; */
    /* float: right; */
    /* margin-top: 0%; */
    /* margin-right: 0%; */
    /* } */

    /*#banner1.img {
        max-width: 100%;
           height: 320px;
        width: 40%;
        float: right;
        margin-top: 0%;
        margin-right: 0%;
    }*/
    #banner1 {
        /*max-width: 100%;
           height: 320px;
        width: 40%;
        float: right;
        margin-top: 0%;
        margin-right: 0%;*/
    }

    #banner3 {
        /*float: right;
    height: 30%;*/
    }

    #bannerTextDiv {
        margin-left: 9%;
        float: left;
        height: 100%;
        width: 50%;
        margin-top: 2%;
        padding: 0px;
        border: 0px solid green;
    }
}
/***************************************************/




.bannerHeading {
    height: 346px;
    font-family: tt0142m_;
    font-size: 70px;
    font-weight: bold;
    color: #AFCA20;
    clear: both;
}
/*.left_banner{
     
     height:100%;
     float:left
    

    }
    .right_banner{
        
        height:100%;
        width:100%
        

    }*/

.overviewText {
    margin: 0;
    text-align: justify;
    xfont-family: "Segoe UI";
    font-family: 'tt0140m_';
    font-size: 1em;
    xpadding-bottom: 4%;
}
    .overviewText p,.overviewText ol {
    font-size:1.5em;
    line-height:28px;
    }
.overviewWrapper1 {
    padding-left: 20px;
    padding-right: 20px;
}

img.EmployeeImg {
    /*width: 70%;
    padding: 6%;
    height: 42%;
    margin-top: -4%;
    margin-left: 9%;
    margin-right: 16%;
    border-radius: 22%;*/
    float: none;
    display: block;
    margin: 0 auto;
    height: 165px;
    width: 145px;
    margin-bottom: 10px;
}

.actionHeaderText {
    font-size: 15px;
    font-weight: bold;
    background-color: gainsboro;
    width: 50%;
    text-align: center;
    padding: 8px 0 8px;
    border-radius: 8px;
    margin: 20px auto;
}


.footerText {
    font-family: tt0142m_;
    font-size: 30px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    /* padding: 0px 0 8px; */
    color: #545353;
    margin: 3px auto;
}

.footer {
    font-size: 1em;
    font-weight: bold;
    width: 100%;
    text-align: center;
    padding: 8px 0 8px;
    color: #636e72;
    margin: 5px auto;
}

div.footer p {
    font-size: 1em;
}




.overviewHeading {
    text-align: center;
    padding: 18px 0;
    font-weight: bold;
    font-size: 1.00em;
}




@media only screen and (min-width: 320px) {
    div.bannerHeading {
        font-size: 20px;
        font-weight: bold;
        color: #AFCA20;
        clear: both;
    }
}

@media only screen and (min-width: 601px) {
    div.bannerHeading {
        font-size: 49px;
        font-weight: bold;
    }

    .footerHeading {
        font-size: 2em;
        font-weight: bold;
        /* padding: 0px 42px 72px; */
        color: #2985ce;
        text-align: center;
        width: 100%;
    }
}




@media only screen and (max-width: 360x) {
    div.donationWrapper {
        float: none;
    }

    
    #banner2 {
        float: right;
        margin-right: 2%;
        border: 0px solid green;
        margin-top: 4%;
        margin-bottom: 1%;
        width: 15%;
        padding-bottom: 1%;
        height: 100%;
    }
}


@media only screen and (max-width: 500px) {
    .vr {
        display: none;
    }

    .footerLastLine {
        font-size: 13px;
    }

    .buttonWrapper a img {
        width: 40%;
        display: block;
        vertical-align: middle;
        margin: 0 auto;
    }
    #helpimg {
    width: 90%;
}
    .buttonWrapper a:first-of-type > img {
        margin-bottom: 20px;
    }

      #banerText1 {
        font-size: .9em !important;
        line-height:10px;
    }

    #banerText2 {
        font-size: 1.6em !important;
       
        line-height: 34px;
    }

    #banerText3 {
        font-size: 8px !important;
        line-height:8px
    }

    #banner2 {
        float: right;
        margin-right: 2%;
        border: 0px solid green;
        margin-top: 4%;
        margin-bottom: 1%;
        width: 15%;
        padding-bottom: 1%;
        height: 100%;
    }
}

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

    #helpimg {
        width: 95%;
    }
     #bannerTextDiv {
        margin-left: 9%;
        float: left;
        height: 100%;
        width: 40% !important;
        margin-top: 3%;
        padding: 0px;
        border: 0px solid green;
    }

     #banerText1 {
        font-size: .7em !important;
        line-height:10px;
    }

    #banerText2 {
        font-size: 1em !important;
       
        line-height: 20px;
    }

    #banerText3 {
        font-size: 8px !important;
        line-height:8px
    }

    #banner2 {
        float: right;
        margin-right: 2%;
        border: 0px solid green;
        margin-top: 4%;
        margin-bottom: 1%;
        width: 15%;
        padding-bottom: 1%;
        height: 100%;
    }
}

@media only screen and (max-width: 320x) {
    #banerText1 {
        font-size: .5em !important;
        line-height:10px;
    }

    #banerText2 {
        font-size: 1em !important;
       
        line-height: 34px;
    }

    #banerText3 {
        font-size: 8px !important;
        line-height:8px
    }

}