body {   
    font-family: 'Open Sans', sans-serif; 
    font-size: 18px;
}

h1, h2, h3 {font-weight:700;color:#658361;}

.body-content {margin-top:30px;margin-bottom:30px;}
.givingform  {padding-bottom:20px;padding-top:20px;}
p {font-size: 18px;margin-top:20px;color: #4f4f4f;font-family: 'Open Sans', sans-serif; }


.headwrap {background-color:#4f4f4f; text-align:center;}
.headwrap img {height:115px;max-width:95%; margin:auto;margin-top:12px; margin-bottom:12px;max-height:100%;}

.img-container {
    width: 100%;
    height:460px;
    background-image: url(/Content/img/dsgo3.jpg);
    background-position: center center;
}

.img-container3 {height:180px;}

.img-container2 {
    background-image: url(/Content/img/bbevent.jpg);
}

.img-container h1 {color:#fff;padding-top:150px;margin-top:0;}

.img-container3 h1 {padding-top:70px;}

.img-container p {width:90%;max-width:750px;color:rgba(255,255,255,.9);margin:auto; font-weight:bold;text-shadow:1px 1px 1px #333;margin-top:45px;}

.cd-form {width:100% !important;}

.cd-button-disabled {
    background-color:#eee;

}

#main-wrapper {
    padding: 0 0 400px !important;
}
footer {background-color:#000;margin-top:60px;height: 360px !important;color:#fff;}
footer p {font-size:18px;color:#fff}
footer img {max-height:40px;max-width:100%;}
.list-inline li {margin-left:10px;margin-right:10px;}
.list-inline {margin:0;padding:0;}

.footer-content {margin-top:30px;}
.footer-content a {display:inline-block;margin-top:20px;color:#fff;}

footer:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -30px;
    width: 0;
    z-index: 1;
    height: 0;
    border-top: solid 30px #fff;
    border-left: solid 30px transparent;
    border-right: solid 30px transparent;
}

.cd-recurring-ddl select[disabled] {
    border:none !important;
    background-color:transparent !important;
    color: #222 !important;
    background:none !important;
    padding-bottom:0 !important;
    margin-bottom:0 !important;
}


.img-wrapper {max-height:450px; }

.img-wrapper img {max-height:440px; margin:auto;margin-top:10px;}



@media only screen and (max-width : 767px) {
    .img-container {
        height:270px;
        background-position: center center;
        background-image: url(/Content/img/dsgo3.jpg);
        
    }

    .img-container2 {
    background-image: url(/Content/img/bbevent.jpg);
}


    .img-container h1 {padding-top:45px;}
    .img-container p {margin-top:20px;}

    h1 {font-size:24px;}

    .headwrap img {
        margin-top:20px;
        margin-bottom: 20px;
    }

    h2 {margin-top:25px !important;}

    
    p {font-size: 13px;}

    #main-wrapper {
        padding: 0 0 320px !important;
    }
    footer {margin-top:40px;height: 360px !important;}
}