body {
    background-color: rgb(20, 96, 160);
}

.main-container {
    background-color: #ffffff;
    margin-bottom: 50px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

@media only screen and (min-width: 768px) {
    .header-background {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cee0f9+0,cee0f9+25,ffffff+25,ffffff+100 */
        background: #cee0f9; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear,  left top, right top,  from(#cee0f9),color-stop(25%, #cee0f9),color-stop(25%, #ffffff),to(#ffffff));
        background: linear-gradient(to right,  #cee0f9 0%,#cee0f9 25%,#ffffff 25%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cee0f9', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    }
}

@media only screen and (max-width: 767px) {
    .header-background {
        background-color: #cee0f9;
    }
}

@media (min-width:768px) {
    .leftcolumn {
        background-color: #CEE0F9;
        border-bottom-left-radius: 12px;
    }
}

@media (max-width:767px) {
    .leftcolumn {
        background-color: #CEE0F9;
        border-bottom-left-radius: 0;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}
#new-charity {
    display: none;
}