/* Move down content because we have a fixed navbar that is 50px tall */
body {
       padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}


body {
    font-family: -webkit-body !important;
}

.basic {
    border: 3px solid black;
    margin-top: 2%;
    padding: 1%;
}

.basic1 {
    border: 3px solid black;
    margin-top: 2%;
    padding: 1%;
}

    .basic div p, basic div h4 {
        margin: 0 0 42px !important;
        font-size: 20px;
    }

.footer {
    color: green;
    text-align: center;
    font-size: 14px;
    padding: 3%;
    margin-top: 2%;
    background-color: navajowhite;
}

.donate {
    text-align: center;
    height: 20%;
    border: 1px solid black;
    padding: 4%;
    background-color: lightblue;
}

.donate1 {
    text-align: center;
    margin-top: 2%;
    height: 20%;
    border: 1px solid black;
    padding: 4%;
    background-color: lightblue;
}

.images, .grades, .email {
    border: 1px solid black;
    padding: 4%;
    margin-top: 2%;
}

.grades {
    color: red;
    text-align: center;
    background-color: antiquewhite;
    font-size:34px;
}

.email {
    color: green;
    text-align: center;
    background-color: aquamarine;
}

img {
    /*height: 100%;
            width: 100%;*/
}
.imageWidth{
    width:99%;
    height:600px!important;
}

.item {
    height: 100%;
    width: 100%;
}
.headerTitleFont{
    font-size:73px;
    color:red;
    text-align:center;
}

p{
    text-align:justify;
    font-size:21px !important;
}


.myDiv {
    position: relative;
    z-index: 1;
}

    .myDiv .bg {
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: url('../Images/slumschool1.jpg') center center;
        opacity: .2;
        width: 100%;
        height: 100%;
    }