body {
    background-color: #fff;
}

/** LEFT COLUMN **/
.leftSide {
    position:fixed;
    right: 0;
    top: 0;
    z-index: 400;
    background-color: #ececec;
    padding:0;
    height: 100vh;
}

.leftSideD {
    position:fixed;
    right: 0;
    top: 0;
    z-index: 400;
    background-color: #ececec;
    padding:0;
    height: 100vh;
}

.formHead {
    font-family: 'Roboto', sans-serif;
    font-size:24pt;
    color: #fff;
    text-align: left;
    padding: 10px 20px 10px 30px;
    font-weight: 700;
    margin-bottom:0;
}

.toWho {
    font-family: 'Roboto', sans-serif;
    font-size: 15pt;
    text-align: left;
    line-height:13pt;
    color: #414141;
    padding: 15px 20px 15px 30px;
}

.top {
    background-color: #345986;
}

.to {
    background: #dbdbdb;
}

.formBox {
     padding: 10px 20px 10px 40px;
}

.formBoxD {
     padding: 10px 40px 10px 40px;
}

.textBox {
    border-radius:7px; 
    border:none;
}

    .textBox:focus {
        border-color: #345986;
    }

.textDonate {
    height:52px;
    border-radius:7px; 
    border:none;
}

    .textDonate:focus {
        border-color: #345986;
    }

.Lname {
    
}

.required {
    font-size:10px;
    color:#dc281e;
}

.rbl input[type="radio"] {
    margin-left: 10px;
    margin-right: 2px;
    color:#fff;
    font-size:15pt !important;
}

.mail {
    font-family: 'Roboto', sans-serif; 
    font-size:12pt;
    color: #345986;
    font-weight: 700;
}

.buttonDiv {
    visibility:hidden;
}

.sticky {
    
}

.cards {
    visibility: visible;
}

.button {
    font-family: 'Roboto', sans-serif; 
    font-size:18pt;
    color:white;
    border-radius:7px;
    margin-left:0px;
    margin-top:4.5px;
    border:none;
    background-color: #DD1F26;
}

.button:hover {
    background-color:#c41c22
}

.bar {
    visibility:hidden;
}

/** RIGHT COLUMN **/
.bodyCopy {
    padding:15px;
    font-family: 'Roboto Slab', serif;
    font-size:14pt;
}

.petition {
    padding: 15px 15px 0 15px;
    border-top: solid 5px #ececec;
}

.subhead1 {
    text-align:center;
    font-family: 'Roboto Slab';
    font-size: 22pt;
    color:#004875;
    margin: 10px 0 0 0;
}

.subhead1b {
    text-align:center;
    font-family: 'Arvo', serif;
    font-size: 30pt;
    color:#3E2F3C;
    margin: 10px 0 0 0;
}

.subhead2 {
    color:#751000;
    font-family: 'Roboto Slab';
    font-size: 30pt;
    font-weight: 700;
    margin: 10px 0 15px 0;
    text-align:center;
    border-bottom: solid 3px #004875;
    padding: 0 25px 10px 25px;
}

.subhead2b {
    color:#3E2F3C;
    font-family: 'Arvo', serif;
    font-size: 22pt;
    margin: 10px 0 15px 0;
    text-align:center;
    border-bottom: solid 3px #dbdbdb;
    padding: 0 25px 10px 25px;
}

.copy {
    padding: 20px;
    font-family: 'Roboto Slab';
    font-size: 14pt;
}

.whereas {
    font-family: 'Roboto Slab';
    font-size: 16pt;
    font-weight: 700;
    color: #751000;
}

/** FOOTER **/
.footer {
    background-color: #1c2230;
}

.logo {
    margin-top: 15px;
    margin-right: auto;
    margin-left:auto;
    width:367px;
}

.footerText {
    font-family: 'Roboto', sans-serif;    
    font-size: 11pt;
    color: #fff;
    text-align: center;
    padding: 15px;
    margin-top:-15px;
}

.footerForm {
    visibility:hidden
}

/** THANKS SECTION **/
.tnksHead1 {
    font-family: 'Roboto', sans-serif;
    font-size: 16pt;
    color:#808080;
    text-align:center;
}


/*** RESPONSIVE STUFF ***/
@media (max-width: 1280px) {
    .rbl input[type="radio"] {
    margin-left: 10px;
    margin-right: 2px;
    color:#fff;
    font-size:13pt !important;
    }

    .textDonate {
        height:40px;
        border-radius:7px; 
        border:none;
    }
}


@media (max-width: 991px) {
    .leftSide {
        position: absolute !important;
        background-color: #ececec;
        padding:0;
        right: auto;
        top: auto;
        width:100%;
        height: 1000px;
    }

    .leftSideD {
        position: absolute !important;
        background-color: #ececec;
        padding:0;
        right: auto;
        top: auto;
        width:100%;
        height: 1600px;
    }
}

@media (max-width: 991px) {
    .formBox {
     padding: 10px 40px 10px 40px;
    }

    .formBoxD {
     padding: 10px 40px 10px 40px;
    }

    .Lname {
        margin-top:0 !important;
    }   

    .cards {
    visibility: hidden;
    display:none;
    }

    .rbl input[type="radio"] {
    margin-left: 10px;
    margin-right: 2px;
    color:#fff;
    font-size:13pt !important;
    }
}

@media (max-width: 991px) {
    .sticky {
        position:fixed;
        bottom: 0px;
        background-color: #ececec;
        left: 3%;
        padding: 20px 8%;
        width: 100%;
        z-index: 300;
        text-align: center;
    }

    .cards {
        margin-top: 2px !important;
    }
}

@media (max-width: 991px) {
    .footer {
    background-color: #1c2230;
    visibility: hidden;
    display: none;
    }

    .logo {
    margin-top:10px;
    margin-right: auto;
    margin-left:auto;
    width:250px;
    }
}

@media (max-width: 991px) {
    .footerForm {
    visibility: visible;
    }

    .footerText {
    font-family: 'Roboto', sans-serif;    
    font-size: 11pt;
    color: #414141;
    text-align: center;
    padding: 15px;
    margin-top:-15px;
    }

    .bar {
    visibility: visible;   
    background-color: #ccc;
    height:3px;
    border: none;
    margin-bottom:0;
    margin-top: 0px;
    }
}