.summary h3 {
    font-family: "Edu NSW ACT Cursive", cursive;
    text-align: center;
}

.summary h4 {
    font-family: "Roboto Condensed", sans-serif;
    text-align: center;
}

.summary {
    width: 60%;
    display: block;
    margin: auto;
}

.statements {
    width: 100%;
    display: flex;
    justify-content: center;
}

.statements .cell {
    margin-bottom: 30px;
}


.flip-card {
  background-color: transparent;
  width: 400px;
  height: 400px;
  perspective: 1000px;
  display: block;
  margin: auto;
}

/* Large only */
@media screen and (min-width: 64em) {
    .statements {
        width: 80%;
        margin: auto;
    }
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .flip-card {
        width: 300px;
        height: 300px;
    }
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
}

.flip-card-front h1 {
  font-family: "Roboto Condensed", sans-serif;
  color: white;
  text-shadow: 1px 3px 0 #969696, 1px 13px 5px #aba8a8;
  font-size: 5rem;
}

.flip-card-back {
  background-color: #2980b9;
  color: white;
  transform: rotateY(180deg);
  font-family: "Roboto Condensed", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px;
}

.mission {
    background-image: url("../img/mission.png");
    background-position: center;
    background-size: cover;   
}

.core-values {
    background-image: url("../img/core.png");
    background-position: center;
    background-size: cover;   
}

.vision {
    background-image: url("../img/vision.png");
    background-position: center;
    background-size: cover;   
}