.overlay {
    display: flex;
}

.profileCard.clearfix {
    border-radius: 20px;
    justify-content: flex-start !important
}

.profileCard {
    width: 95%;
    display: flex !important;
}

.profileCard .bio {
    max-height: 65%;

}

.profileCard img {
    width: 275px;
    height: 275px;
    margin-right: 4em !important;
}

.profileCard.clearfix {
    min-height: 400px;
    height: auto;
    margin: 25vh auto;
}

.profileCard .close {
    margin: unset;
    position: absolute;
    right: 20px;
    top: 10px;

}

.pupils-say {
    position: relative;
}

.moreSquare {
    margin: 2vw 0 0 17vw !important;
}

.circle.slide2Circle {
    background: url('images/slider2-circle.png');
    background-size: cover;
    width: 30vw;
    height: 30vw;
    display: block;
    float: right;
    position: absolute;
    right: 0;
    z-index: 3;
    border-radius: 100%;
    margin: -13vw -1vw 0 0;
}

#giving {
    z-index: 99;
}

.headline.bannerOverlay h1 {
    display: flex;
    align-self: end;
    margin: 115px;
    max-width: 400px;
}
.headline.bannerOverlay {
    margin: unset;
    height: 100%;
    width: 100%;
    top: unset;
    bottom: 0;
    left: 0;
    display: flex;
}
.fullbanner{
    position: relative;
}
@media only screen and (max-width: 900px) {

    .headline.bannerOverlay h1 {
        margin: 40px;
    }
    .profileCard .close {
        right: 10px;
    }

    .profileCard.clearfix {
        min-height: 75% !important;
        max-width: 288px;
        margin: auto;
    }

    .profileCard img {
        width: 225px;
        height: 225px;

    }

    .blockstats .stat {
        height: 100vw;
        display: flex;
        flex-direction: column;
    }

    .stat h3 {
        align-self: flex-start;
    }

    .stat p {
        margin-top: auto;
    }


}

/* ------------------------------------------ */
/* chaplaincy Additions*/
/* ------------------------------------------ */

.circle.green {
  background: url('images/chaplaincy/green-circle.png');
  background-size: cover;
}
.circle.smallCircle.green.offsetLeft {
  z-index: 999;
  position: relative;
}
.circle.slide4Circle {
  background: url('images/chaplaincy/slider4-triangle.png');
    background-size: auto;
  background-size: cover;
  width: 30vw;
  height: 30vw;
  display: block;
  float: right;
  position: absolute;
  right: 0;
  z-index: 3;
  border-radius: 100%;
  margin: -13vw -1vw 0 0;
}