html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  margin: 0;
  line-height: 1.4;
  font-size: 14pt;
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
b,
strong {
  font-weight: bold;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
  vertical-align: middle;
}
body {
  font-family: "cabinregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: black;
}
h1,
h1 em,
h1 strong,
h2,
h2 em,
h2 strong,
h3,
h3 em,
h3 strong {
  font-family: "cartonslab", georgia, serif;
}
em {
  font-family: "cabinitalic", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
strong {
  font-family: "cabinbold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
strong em,
em strong {
  font-family: "cabinbolditalic", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
p,
li {
  font-size: 11pt;
  margin: 0 0 2rem 0;
}
ul,
ol {
  padding-left: 2rem;
}
h1 {
  font-size: 18pt;
}
h2 {
  font-size: 16pt;
}
@media (min-width: 992px) {
  h1 {
    font-size: 22pt;
  }
  h2 {
    font-size: 18pt;
  }
  p,
  li {
    font-size: 14pt;
  }
}
html,
body {
  overflow: visible;
}
#content,
.section,
.section .container {
  display: block;
  position: relative;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.section .content {
  position: relative;
}
.hide {
  display: none;
}
.clear {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.row::after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.figure {
  position: relative;
}
.figure img {
  max-width: 100%;
  height: auto;
}
.figcaption {
  margin: 1rem 0 0 0;
  text-align: center;
  text-transform: uppercase;
}
.figcaption a:link,
.figcaption a:visited {
  color: black;
  text-decoration: none;
}
.figcaption p {
  font-size: 9pt;
}
@media (min-width: 992px) {
  .figcaption p {
    font-size: 11pt;
  }
}
.rating {
  padding: 2rem 4rem;
  background-color: #fdf9f1;
}
.rating img {
  position: relative;
  top: -2px;
  margin-right: 8px;
}
.rating p {
  margin: 0;
}
.rating a:link,
.rating a:visited {
  color: black;
  text-decoration: none;
}
.alert {
  background-color: #fdf9f1;
  border-bottom: 2px solid #fec13b;
  text-align: center;
}
.alert a:link,
.alert a:visited {
  color: #009ad4;
  text-decoration: underline;
}
.alert p {
  margin-bottom: 0;
  padding: 10px 20px;
  font-size: 14pt;
}
.alert p.download {
  background-color: #fec13b;
}
.alert p.download a:link,
.alert p.download a:visited {
  color: #a2238e;
}
a[href^=tel] {
  color: inherit;
  text-decoration: inherit;
}
@media (min-width: 768px) {
  .rating {
    margin: 2rem;
    padding: 2rem;
  }
  .backgroundsize .rating {
    background: transparent url("../images/rating-bg.png") no-repeat center center;
    -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  100% {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes bobbing {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-o-keyframes bobbing {
  0% {
    -o-transform: translateY(0);
       transform: translateY(0);
  }
  50% {
    -o-transform: translateY(-5px);
       transform: translateY(-5px);
  }
  100% {
    -o-transform: translateY(0);
       transform: translateY(0);
  }
}
@keyframes bobbing {
  0% {
    -webkit-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
         -o-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes bobbing-gen {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(-8px, 4px);
            transform: translate(-8px, 4px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-o-keyframes bobbing-gen {
  0% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
  }
  50% {
    -o-transform: translate(-8px, 4px);
       transform: translate(-8px, 4px);
  }
  100% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
  }
}
@keyframes bobbing-gen {
  0% {
    -webkit-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(-8px, 4px);
         -o-transform: translate(-8px, 4px);
            transform: translate(-8px, 4px);
  }
  100% {
    -webkit-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes hbl-left {
  0% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
    -webkit-transform-origin: 25% bottom 0;
            transform-origin: 25% bottom 0;
  }
  50% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
    -webkit-transform-origin: 25% bottom 0;
            transform-origin: 25% bottom 0;
  }
  100% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
    -webkit-transform-origin: 25% bottom 0;
            transform-origin: 25% bottom 0;
  }
}
@-o-keyframes hbl-left {
  0% {
    -o-transform: rotate(-3deg);
       transform: rotate(-3deg);
    -o-transform-origin: 25% bottom 0;
       transform-origin: 25% bottom 0;
  }
  50% {
    -o-transform: rotate(3deg);
       transform: rotate(3deg);
    -o-transform-origin: 25% bottom 0;
       transform-origin: 25% bottom 0;
  }
  100% {
    -o-transform: rotate(-3deg);
       transform: rotate(-3deg);
    -o-transform-origin: 25% bottom 0;
       transform-origin: 25% bottom 0;
  }
}
@keyframes hbl-left {
  0% {
    -webkit-transform: rotate(-3deg);
         -o-transform: rotate(-3deg);
            transform: rotate(-3deg);
    -webkit-transform-origin: 25% bottom 0;
         -o-transform-origin: 25% bottom 0;
            transform-origin: 25% bottom 0;
  }
  50% {
    -webkit-transform: rotate(3deg);
         -o-transform: rotate(3deg);
            transform: rotate(3deg);
    -webkit-transform-origin: 25% bottom 0;
         -o-transform-origin: 25% bottom 0;
            transform-origin: 25% bottom 0;
  }
  100% {
    -webkit-transform: rotate(-3deg);
         -o-transform: rotate(-3deg);
            transform: rotate(-3deg);
    -webkit-transform-origin: 25% bottom 0;
         -o-transform-origin: 25% bottom 0;
            transform-origin: 25% bottom 0;
  }
}
@-webkit-keyframes hbl-right {
  0% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
    -webkit-transform-origin: 75% bottom 0;
            transform-origin: 75% bottom 0;
  }
  50% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
    -webkit-transform-origin: 75% bottom 0;
            transform-origin: 75% bottom 0;
  }
  100% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
    -webkit-transform-origin: 75% bottom 0;
            transform-origin: 75% bottom 0;
  }
}
@-o-keyframes hbl-right {
  0% {
    -o-transform: rotate(-3deg);
       transform: rotate(-3deg);
    -o-transform-origin: 75% bottom 0;
       transform-origin: 75% bottom 0;
  }
  50% {
    -o-transform: rotate(3deg);
       transform: rotate(3deg);
    -o-transform-origin: 75% bottom 0;
       transform-origin: 75% bottom 0;
  }
  100% {
    -o-transform: rotate(-3deg);
       transform: rotate(-3deg);
    -o-transform-origin: 75% bottom 0;
       transform-origin: 75% bottom 0;
  }
}
@keyframes hbl-right {
  0% {
    -webkit-transform: rotate(-3deg);
         -o-transform: rotate(-3deg);
            transform: rotate(-3deg);
    -webkit-transform-origin: 75% bottom 0;
         -o-transform-origin: 75% bottom 0;
            transform-origin: 75% bottom 0;
  }
  50% {
    -webkit-transform: rotate(3deg);
         -o-transform: rotate(3deg);
            transform: rotate(3deg);
    -webkit-transform-origin: 75% bottom 0;
         -o-transform-origin: 75% bottom 0;
            transform-origin: 75% bottom 0;
  }
  100% {
    -webkit-transform: rotate(-3deg);
         -o-transform: rotate(-3deg);
            transform: rotate(-3deg);
    -webkit-transform-origin: 75% bottom 0;
         -o-transform-origin: 75% bottom 0;
            transform-origin: 75% bottom 0;
  }
}
@-webkit-keyframes plane {
  0% {
    -webkit-transform: rotate(150deg);
            transform: rotate(150deg);
    -webkit-transform-origin: 50%, 50%, 0;
            transform-origin: 50%, 50%, 0;
    top: 20%;
    left: 30%;
  }
  33% {
    -webkit-transform: rotate(150deg);
            transform: rotate(150deg);
    -webkit-transform-origin: 50%, 50%, 0;
            transform-origin: 50%, 50%, 0;
    top: 75%;
    left: 70%;
  }
  34% {
    -webkit-transform: rotate(285deg);
            transform: rotate(285deg);
    -webkit-transform-origin: 50%, 50%, 0;
            transform-origin: 50%, 50%, 0;
    top: 75%;
    left: 69%;
  }
  69% {
    -webkit-transform: rotate(285deg);
            transform: rotate(285deg);
    -webkit-transform-origin: 50%, 50%, 0;
            transform-origin: 50%, 50%, 0;
    top: 60%;
    left: 8%;
  }
  70% {
    -webkit-transform: rotate(380deg);
            transform: rotate(380deg);
    -webkit-transform-origin: 50%, 50%, 0;
            transform-origin: 50%, 50%, 0;
    top: 61%;
    left: 9%;
  }
  99% {
    -webkit-transform: rotate(380deg);
            transform: rotate(380deg);
    -webkit-transform-origin: 50%, 50%, 0;
            transform-origin: 50%, 50%, 0;
    top: 21%;
    left: 29%;
  }
  100% {
    -webkit-transform: rotate(150deg);
            transform: rotate(150deg);
    -webkit-transform-origin: 50%, 50%, 0;
            transform-origin: 50%, 50%, 0;
    top: 20%;
    left: 30%;
  }
}
@-o-keyframes plane {
  0% {
    -o-transform: rotate(150deg);
       transform: rotate(150deg);
    -o-transform-origin: 50%, 50%, 0;
       transform-origin: 50%, 50%, 0;
    top: 20%;
    left: 30%;
  }
  33% {
    -o-transform: rotate(150deg);
       transform: rotate(150deg);
    -o-transform-origin: 50%, 50%, 0;
       transform-origin: 50%, 50%, 0;
    top: 75%;
    left: 70%;
  }
  34% {
    -o-transform: rotate(285deg);
       transform: rotate(285deg);
    -o-transform-origin: 50%, 50%, 0;
       transform-origin: 50%, 50%, 0;
    top: 75%;
    left: 69%;
  }
  69% {
    -o-transform: rotate(285deg);
       transform: rotate(285deg);
    -o-transform-origin: 50%, 50%, 0;
       transform-origin: 50%, 50%, 0;
    top: 60%;
    left: 8%;
  }
  70% {
    -o-transform: rotate(380deg);
       transform: rotate(380deg);
    -o-transform-origin: 50%, 50%, 0;
       transform-origin: 50%, 50%, 0;
    top: 61%;
    left: 9%;
  }
  99% {
    -o-transform: rotate(380deg);
       transform: rotate(380deg);
    -o-transform-origin: 50%, 50%, 0;
       transform-origin: 50%, 50%, 0;
    top: 21%;
    left: 29%;
  }
  100% {
    -o-transform: rotate(150deg);
       transform: rotate(150deg);
    -o-transform-origin: 50%, 50%, 0;
       transform-origin: 50%, 50%, 0;
    top: 20%;
    left: 30%;
  }
}
@keyframes plane {
  0% {
    -webkit-transform: rotate(150deg);
         -o-transform: rotate(150deg);
            transform: rotate(150deg);
    -webkit-transform-origin: 50%, 50%, 0;
         -o-transform-origin: 50%, 50%, 0;
            transform-origin: 50%, 50%, 0;
    top: 20%;
    left: 30%;
  }
  33% {
    -webkit-transform: rotate(150deg);
         -o-transform: rotate(150deg);
            transform: rotate(150deg);
    -webkit-transform-origin: 50%, 50%, 0;
         -o-transform-origin: 50%, 50%, 0;
            transform-origin: 50%, 50%, 0;
    top: 75%;
    left: 70%;
  }
  34% {
    -webkit-transform: rotate(285deg);
         -o-transform: rotate(285deg);
            transform: rotate(285deg);
    -webkit-transform-origin: 50%, 50%, 0;
         -o-transform-origin: 50%, 50%, 0;
            transform-origin: 50%, 50%, 0;
    top: 75%;
    left: 69%;
  }
  69% {
    -webkit-transform: rotate(285deg);
         -o-transform: rotate(285deg);
            transform: rotate(285deg);
    -webkit-transform-origin: 50%, 50%, 0;
         -o-transform-origin: 50%, 50%, 0;
            transform-origin: 50%, 50%, 0;
    top: 60%;
    left: 8%;
  }
  70% {
    -webkit-transform: rotate(380deg);
         -o-transform: rotate(380deg);
            transform: rotate(380deg);
    -webkit-transform-origin: 50%, 50%, 0;
         -o-transform-origin: 50%, 50%, 0;
            transform-origin: 50%, 50%, 0;
    top: 61%;
    left: 9%;
  }
  99% {
    -webkit-transform: rotate(380deg);
         -o-transform: rotate(380deg);
            transform: rotate(380deg);
    -webkit-transform-origin: 50%, 50%, 0;
         -o-transform-origin: 50%, 50%, 0;
            transform-origin: 50%, 50%, 0;
    top: 21%;
    left: 29%;
  }
  100% {
    -webkit-transform: rotate(150deg);
         -o-transform: rotate(150deg);
            transform: rotate(150deg);
    -webkit-transform-origin: 50%, 50%, 0;
         -o-transform-origin: 50%, 50%, 0;
            transform-origin: 50%, 50%, 0;
    top: 20%;
    left: 30%;
  }
}
@-webkit-keyframes jiggle {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  76% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  78% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  80% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  82% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  84% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  86% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  88% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  80% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  92% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  94% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  96% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  98% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-o-keyframes jiggle {
  0% {
    -o-transform: rotate(0);
       transform: rotate(0);
  }
  76% {
    -o-transform: rotate(0);
       transform: rotate(0);
  }
  78% {
    -o-transform: rotate(-2deg);
       transform: rotate(-2deg);
  }
  80% {
    -o-transform: rotate(0);
       transform: rotate(0);
  }
  82% {
    -o-transform: rotate(2deg);
       transform: rotate(2deg);
  }
  84% {
    -o-transform: rotate(0);
       transform: rotate(0);
  }
  86% {
    -o-transform: rotate(-4deg);
       transform: rotate(-4deg);
  }
  88% {
    -o-transform: rotate(0);
       transform: rotate(0);
  }
  80% {
    -o-transform: rotate(4deg);
       transform: rotate(4deg);
  }
  92% {
    -o-transform: rotate(0);
       transform: rotate(0);
  }
  94% {
    -o-transform: rotate(-2deg);
       transform: rotate(-2deg);
  }
  96% {
    -o-transform: rotate(0);
       transform: rotate(0);
  }
  98% {
    -o-transform: rotate(2deg);
       transform: rotate(2deg);
  }
  100% {
    -o-transform: rotate(0);
       transform: rotate(0);
  }
}
@keyframes jiggle {
  0% {
    -webkit-transform: rotate(0);
         -o-transform: rotate(0);
            transform: rotate(0);
  }
  76% {
    -webkit-transform: rotate(0);
         -o-transform: rotate(0);
            transform: rotate(0);
  }
  78% {
    -webkit-transform: rotate(-2deg);
         -o-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  80% {
    -webkit-transform: rotate(0);
         -o-transform: rotate(0);
            transform: rotate(0);
  }
  82% {
    -webkit-transform: rotate(2deg);
         -o-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  84% {
    -webkit-transform: rotate(0);
         -o-transform: rotate(0);
            transform: rotate(0);
  }
  86% {
    -webkit-transform: rotate(-4deg);
         -o-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  88% {
    -webkit-transform: rotate(0);
         -o-transform: rotate(0);
            transform: rotate(0);
  }
  80% {
    -webkit-transform: rotate(4deg);
         -o-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  92% {
    -webkit-transform: rotate(0);
         -o-transform: rotate(0);
            transform: rotate(0);
  }
  94% {
    -webkit-transform: rotate(-2deg);
         -o-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  96% {
    -webkit-transform: rotate(0);
         -o-transform: rotate(0);
            transform: rotate(0);
  }
  98% {
    -webkit-transform: rotate(2deg);
         -o-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(0);
         -o-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes fader {
  0% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fader {
  0% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fader {
  0% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes cp-a-one {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  3% {
    -webkit-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }
  30% {
    -webkit-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }
  33% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}
@-o-keyframes cp-a-one {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }
  3% {
    -o-transform: translate(-1%, -1%);
       transform: translate(-1%, -1%);
  }
  30% {
    -o-transform: translate(-1%, -1%);
       transform: translate(-1%, -1%);
  }
  33% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }
  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }
}
@keyframes cp-a-one {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  3% {
    -webkit-transform: translate(-1%, -1%);
         -o-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }
  30% {
    -webkit-transform: translate(-1%, -1%);
         -o-transform: translate(-1%, -1%);
            transform: translate(-1%, -1%);
  }
  33% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}
@-webkit-keyframes cp-a-two {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  30% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  33% {
    -webkit-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }
  60% {
    -webkit-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }
  66% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}
@-o-keyframes cp-a-two {
  0% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }
  30% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }
  33% {
    -o-transform: translate(-1%, 1%);
       transform: translate(-1%, 1%);
  }
  60% {
    -o-transform: translate(-1%, 1%);
       transform: translate(-1%, 1%);
  }
  66% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }
  100% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }
}
@keyframes cp-a-two {
  0% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  30% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  33% {
    -webkit-transform: translate(-1%, 1%);
         -o-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }
  60% {
    -webkit-transform: translate(-1%, 1%);
         -o-transform: translate(-1%, 1%);
            transform: translate(-1%, 1%);
  }
  66% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  100% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}
@-webkit-keyframes cp-a-three {
  0% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }
  3% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  60% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  66% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }
  100% {
    -webkit-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }
}
@-o-keyframes cp-a-three {
  0% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }
  3% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }
  60% {
    -o-transform: translate(0%, 0%);
       transform: translate(0%, 0%);
  }
  66% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }
  100% {
    -o-transform: translate(1%, 0%);
       transform: translate(1%, 0%);
  }
}
@keyframes cp-a-three {
  0% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }
  3% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  60% {
    -webkit-transform: translate(0%, 0%);
         -o-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  66% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }
  100% {
    -webkit-transform: translate(1%, 0%);
         -o-transform: translate(1%, 0%);
            transform: translate(1%, 0%);
  }
}
@-webkit-keyframes cp-b-one {
  0% {
    width: 80%;
    height: 80%;
  }
  3% {
    width: 100%;
    height: 100%;
  }
  30% {
    width: 100%;
    height: 100%;
  }
  33% {
    width: 80%;
    height: 80%;
  }
  100% {
    width: 80%;
    height: 80%;
  }
}
@-o-keyframes cp-b-one {
  0% {
    width: 80%;
    height: 80%;
  }
  3% {
    width: 100%;
    height: 100%;
  }
  30% {
    width: 100%;
    height: 100%;
  }
  33% {
    width: 80%;
    height: 80%;
  }
  100% {
    width: 80%;
    height: 80%;
  }
}
@keyframes cp-b-one {
  0% {
    width: 80%;
    height: 80%;
  }
  3% {
    width: 100%;
    height: 100%;
  }
  30% {
    width: 100%;
    height: 100%;
  }
  33% {
    width: 80%;
    height: 80%;
  }
  100% {
    width: 80%;
    height: 80%;
  }
}
@-webkit-keyframes cp-b-two {
  0% {
    width: 80%;
    height: 80%;
  }
  30% {
    width: 80%;
    height: 80%;
  }
  33% {
    width: 100%;
    height: 100%;
  }
  60% {
    width: 100%;
    height: 100%;
  }
  66% {
    width: 80%;
    height: 80%;
  }
  100% {
    width: 80%;
    height: 80%;
  }
}
@-o-keyframes cp-b-two {
  0% {
    width: 80%;
    height: 80%;
  }
  30% {
    width: 80%;
    height: 80%;
  }
  33% {
    width: 100%;
    height: 100%;
  }
  60% {
    width: 100%;
    height: 100%;
  }
  66% {
    width: 80%;
    height: 80%;
  }
  100% {
    width: 80%;
    height: 80%;
  }
}
@keyframes cp-b-two {
  0% {
    width: 80%;
    height: 80%;
  }
  30% {
    width: 80%;
    height: 80%;
  }
  33% {
    width: 100%;
    height: 100%;
  }
  60% {
    width: 100%;
    height: 100%;
  }
  66% {
    width: 80%;
    height: 80%;
  }
  100% {
    width: 80%;
    height: 80%;
  }
}
@-webkit-keyframes cp-b-three {
  0% {
    width: 100%;
    height: 100%;
  }
  3% {
    width: 80%;
    height: 80%;
  }
  60% {
    width: 80%;
    height: 80%;
  }
  66% {
    width: 100%;
    height: 100%;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}
@-o-keyframes cp-b-three {
  0% {
    width: 100%;
    height: 100%;
  }
  3% {
    width: 80%;
    height: 80%;
  }
  60% {
    width: 80%;
    height: 80%;
  }
  66% {
    width: 100%;
    height: 100%;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}
@keyframes cp-b-three {
  0% {
    width: 100%;
    height: 100%;
  }
  3% {
    width: 80%;
    height: 80%;
  }
  60% {
    width: 80%;
    height: 80%;
  }
  66% {
    width: 100%;
    height: 100%;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}
@-webkit-keyframes heart {
  0% {
    -webkit-transform: scale(0.9, 0.9);
            transform: scale(0.9, 0.9);
  }
  60% {
    -webkit-transform: scale(0.9, 0.9);
            transform: scale(0.9, 0.9);
  }
  65% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  70% {
    -webkit-transform: scale(0.9, 0.9);
            transform: scale(0.9, 0.9);
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
            transform: scale(0.9, 0.9);
  }
}
@-o-keyframes heart {
  0% {
    -o-transform: scale(0.9, 0.9);
       transform: scale(0.9, 0.9);
  }
  60% {
    -o-transform: scale(0.9, 0.9);
       transform: scale(0.9, 0.9);
  }
  65% {
    -o-transform: scale(1, 1);
       transform: scale(1, 1);
  }
  70% {
    -o-transform: scale(0.9, 0.9);
       transform: scale(0.9, 0.9);
  }
  100% {
    -o-transform: scale(0.9, 0.9);
       transform: scale(0.9, 0.9);
  }
}
@keyframes heart {
  0% {
    -webkit-transform: scale(0.9, 0.9);
         -o-transform: scale(0.9, 0.9);
            transform: scale(0.9, 0.9);
  }
  60% {
    -webkit-transform: scale(0.9, 0.9);
         -o-transform: scale(0.9, 0.9);
            transform: scale(0.9, 0.9);
  }
  65% {
    -webkit-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  70% {
    -webkit-transform: scale(0.9, 0.9);
         -o-transform: scale(0.9, 0.9);
            transform: scale(0.9, 0.9);
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
         -o-transform: scale(0.9, 0.9);
            transform: scale(0.9, 0.9);
  }
}
@-webkit-keyframes heart-bg {
  0% {
    -webkit-transform: scale(0.7, 0.7);
            transform: scale(0.7, 0.7);
    opacity: 0;
  }
  59% {
    -webkit-transform: scale(0.7, 0.7);
            transform: scale(0.7, 0.7);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(0.7, 0.7);
            transform: scale(0.7, 0.7);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@-o-keyframes heart-bg {
  0% {
    -o-transform: scale(0.7, 0.7);
       transform: scale(0.7, 0.7);
    opacity: 0;
  }
  59% {
    -o-transform: scale(0.7, 0.7);
       transform: scale(0.7, 0.7);
    opacity: 0;
  }
  60% {
    -o-transform: scale(0.7, 0.7);
       transform: scale(0.7, 0.7);
    opacity: 1;
  }
  100% {
    -o-transform: scale(1.2, 1.2);
       transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@keyframes heart-bg {
  0% {
    -webkit-transform: scale(0.7, 0.7);
         -o-transform: scale(0.7, 0.7);
            transform: scale(0.7, 0.7);
    opacity: 0;
  }
  59% {
    -webkit-transform: scale(0.7, 0.7);
         -o-transform: scale(0.7, 0.7);
            transform: scale(0.7, 0.7);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(0.7, 0.7);
         -o-transform: scale(0.7, 0.7);
            transform: scale(0.7, 0.7);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
         -o-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
.section-intro {
  text-align: center;
  background-color: #fde2d6;
}
.section-intro .container {
  padding-top: 100px;
}
.section-intro h1,
.section-intro h2,
.section-intro p {
  display: block;
  width: 90%;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.section-intro h1 {
  color: #a2238e;
}
.section-intro h1 img {
  width: 100%;
  height: auto;
  margin-bottom: -70px;
}
.section-intro h2 {
  margin-top: 0;
  font-family: "gapstown", "Comic Sans", "Comic Sans MS", cursive;
  text-transform: uppercase;
  font-size: 10pt;
}
.section-intro h2 em,
.section-intro h2 span {
  display: block;
  font-family: "gapstown", "Comic Sans", "Comic Sans MS", cursive;
}
.section-intro h2 em::before {
  content: '— ';
}
.section-intro h2 em::after {
  content: ' —';
}
.section-intro .content {
  margin-top: 70px;
  margin-bottom: 200px;
  z-index: 5;
}
.section-intro .content::before {
  position: absolute;
  left: 50%;
  top: 0;
  display: block;
  content: ' ';
  width: 100px;
  height: 80px;
  margin: 0 auto;
  background: url("../images/characters-intro.png") no-repeat center center;
  -webkit-background-size: contain;
          background-size: contain;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}
.section-intro .title {
  position: relative;
  z-index: 3;
}
.section-intro .description {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #fef6f2;
  z-index: 2;
}
.section-intro .description p {
  margin-bottom: 0;
}
.section-intro .brand {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 4;
}
.section-intro .brand img {
  width: 50px;
  height: auto;
}
.section-intro .version {
  position: absolute;
  top: 30px;
  left: 30px;
  color: white;
  background-color: #009ad4;
  border-radius: 200px;
  border: 3px solid white;
  text-align: center;
  line-height: 9pt;
  font-size: 7pt;
  padding: .5rem .2rem;
  -webkit-transform: rotate(-12deg);
      -ms-transform: rotate(-12deg);
       -o-transform: rotate(-12deg);
          transform: rotate(-12deg);
  z-index: 4;
}
.section-intro .version h3,
.section-intro .version h3 strong {
  font-family: "gapstown", "Comic Sans", "Comic Sans MS", cursive;
}
.section-intro .version strong {
  display: block;
}
.backgroundsize .section-intro .version {
  top: 23px;
  padding: 1.3rem 1rem;
  background: url("../images/badge.png") no-repeat center center;
  -webkit-background-size: contain;
          background-size: contain;
  border-width: 0;
}
.section-intro .radial {
  display: block !important;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 700px;
  height: 700px;
  margin: -350px 0 0 -350px;
  z-index: 1;
}
.cssanimations .section-intro .radial {
  -webkit-animation: spin 120s linear infinite;
       -o-animation: spin 120s linear infinite;
          animation: spin 120s linear infinite;
}
.section-intro .prompt {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10%;
  z-index: 4;
  text-align: center;
}
.section-intro .prompt p {
  color: #a2238e;
  font-family: "gapstown", "Comic Sans", "Comic Sans MS", cursive;
  text-transform: uppercase;
  text-align: center;
}
.section-intro .prompt p::after {
  display: block;
  content: '\25BC';
  -webkit-animation: bobbing 1s ease-in-out infinite;
       -o-animation: bobbing 1s ease-in-out infinite;
          animation: bobbing 1s ease-in-out infinite;
  text-align: center;
}
@media (max-width: 991px) and (orientation: landscape) {
  .section-intro h1 {
    width: 80%;
  }
  .section-intro h1 img {
    margin-bottom: -90px;
  }
  .section-intro .description {
    padding-bottom: 15px;
  }
}
@media (min-width: 480px) and (orientation: portrait) {
  .section-intro .radial {
    width: 2000px;
    height: 2000px;
    margin: -1000px 0 0 -1000px;
  }
}
@media (min-width: 992px) {
  .section-intro h1 img {
    margin-bottom: -90px;
  }
  .section-intro h2 {
    font-size: 16pt;
  }
  .section-intro .brand img {
    width: 100px;
  }
  .section-intro .version {
    padding: 1.3rem 1rem;
    font-size: 12pt;
    line-height: 12pt;
  }
  .section-intro .radial {
    width: 2000px;
    height: 2000px;
    margin: -1000px 0 0 -1000px;
  }
  .section-intro .description p {
    padding-left: 30px;
    padding-right: 30px;
  }
  .section-intro .prompt {
    bottom: 1%;
  }
  .section-intro .prompt p {
    font-size: 20pt;
  }
  .section-intro .content {
    margin-top: 170px;
  }
  .section-intro .content::before {
    width: 300px;
    height: 200px;
    -webkit-transform: translate(-50%, -80%);
        -ms-transform: translate(-50%, -80%);
         -o-transform: translate(-50%, -80%);
            transform: translate(-50%, -80%);
  }
}
.ie8 .section-intro h1 img,
.ie7 .section-intro h1 img {
  margin-bottom: -90px;
}
.ie8 .section-intro h2,
.ie7 .section-intro h2 {
  font-size: 16pt;
}
.ie8 .section-intro .brand img,
.ie7 .section-intro .brand img {
  width: 100px;
}
.ie8 .section-intro .version,
.ie7 .section-intro .version {
  padding: .7rem 1rem;
  font-size: 12pt;
  line-height: 12pt;
}
.ie8 .section-intro .radial,
.ie7 .section-intro .radial {
  width: 2000px;
  height: 2000px;
  margin: -1000px 0 0 -1000px;
}
.ie8 .section-intro .description p,
.ie7 .section-intro .description p {
  padding-left: 30px;
  padding-right: 30px;
}
.ie8 .section-intro .prompt,
.ie7 .section-intro .prompt {
  bottom: 1%;
}
.ie8 .section-intro .prompt p,
.ie7 .section-intro .prompt p {
  font-size: 20pt;
}
.ie8 .section-intro .content,
.ie7 .section-intro .content {
  margin-top: 170px;
}
.ie8 .section-intro .content::before,
.ie7 .section-intro .content::before {
  display: none;
}
.ie7 .section-intro .title {
  margin-bottom: -90px;
  overflow: visible;
}
.ie7 .section-intro h1 {
  height: 170px;
  overflow: visible;
}
@media (min-width: 992px) {
  .backgroundsize .section-intro .version {
    padding: 2.3rem 2rem;
  }
}
.section-who {
  background: #fde2d6;
}
.section-who .container {
  padding-top: 2%;
  padding-bottom: 10rem;
}
.section-who .background {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.section-who .background .anim {
  display: none;
}
.flexbox .section-who .background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flexbox .section-who .background .anim {
  position: relative;
  display: inline-block;
  opacity: .1;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-preferred-size: 30px;
      flex-basis: 30px;
  margin: 5px;
  -webkit-transition: opacity .5s ease;
  -o-transition: opacity .5s ease;
  transition: opacity .5s ease;
}
.flexbox .section-who .background .anim .char {
  position: relative;
  display: block;
  width: 30px;
  height: 50px;
  background: url("../images/characters-intro.png") no-repeat 0 0;
  -webkit-background-size: 60px 50px;
          background-size: 60px 50px;
}
.flexbox .section-who .background .anim:nth-child(odd) .char {
  background-position: -35px 0;
}
.flexbox .section-who .background .anim.active {
  opacity: 1;
}
.section-who .content {
  display: block;
  max-width: 720px;
  margin: 0 15px 3rem 15px;
  padding: 15px !important;
  background-color: white;
  border-radius: 20px;
}
.section-who .content:last-child {
  margin-bottom: 0;
}
.section-who #who-title {
  background-color: transparent;
  margin: 2rem auto;
}
.section-who #who-title h1 {
  margin: 0;
  text-align: center;
  color: #ee3042;
}
.section-who h2 {
  margin-top: 0;
  color: #f89638;
  font-size: 12pt;
}
.section-who #generations .fig-gen {
  position: relative;
  z-index: 5;
}
.section-who #generations .fig-gen-avg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 6;
  -webkit-animation: bobbing-gen 1s ease-in-out infinite;
       -o-animation: bobbing-gen 1s ease-in-out infinite;
          animation: bobbing-gen 1s ease-in-out infinite;
}
.section-who sup a:link,
.section-who sup a:visited {
  color: black;
  text-decoration: none;
}
@media (min-width: 768px) {
  .section-who h2 {
    font-size: 18pt;
  }
  .section-who .content {
    margin-left: auto;
    margin-right: auto;
    padding: 30px !important;
  }
  .section-who #who-title {
    margin-bottom: 4rem;
  }
  .flexbox .section-who .background .anim {
    -ms-flex-preferred-size: 70px;
        flex-basis: 70px;
  }
  .flexbox .section-who .background .anim .char {
    width: 60px;
    height: 100px;
    -webkit-background-size: 120px 100px;
            background-size: 120px 100px;
  }
  .flexbox .section-who .background .anim:nth-child(odd) .char {
    background-position: -70px 0;
  }
  .section-who #qualifications .fig-qual {
    margin-bottom: -4rem;
  }
}
.ie8 .section-who h2,
.ie7 .section-who h2 {
  font-size: 18pt;
}
.ie8 .section-who .content,
.ie7 .section-who .content {
  margin-left: auto;
  margin-right: auto;
  padding: 30px !important;
}
.ie8 .section-who #who-title,
.ie7 .section-who #who-title {
  margin-bottom: 4rem;
}
.ie8 .section-who .background .anim,
.ie7 .section-who .background .anim {
  display: none;
}
.ie8 .section-who #qualifications .fig-qual,
.ie7 .section-who #qualifications .fig-qual {
  margin-bottom: -4rem;
}
.section-what {
  background: #fdf9f1;
  overflow: visible;
  padding: 0 0 2rem 0;
}
.section-what .container {
  padding: 2rem 10%;
  overflow: visible;
}
.section-what #what-title {
  display: block;
  width: 100% !important;
  max-width: 720px;
  margin: 5% auto;
  background-color: transparent;
}
.section-what #what-title h1 {
  margin: 0;
  color: #945325;
}
.section-what #what-title a:link,
.section-what #what-title a:visited {
  color: #945325;
  text-decoration: none;
}
.section-what #what-title .figure {
  float: right;
  width: 40%;
  margin-top: -5rem;
  margin-left: 0;
}
.section-what #what-title .figure .fig-what-handl,
.section-what #what-title .figure .fig-what-handr {
  display: block !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation: bobbing 1s ease-in-out infinite;
       -o-animation: bobbing 1s ease-in-out infinite;
          animation: bobbing 1s ease-in-out infinite;
}
.section-what #what-title .figure .fig-what-handr {
  -webkit-animation-delay: .5s;
       -o-animation-delay: .5s;
          animation-delay: .5s;
}
.section-what #what-title .figure .fig-what-balls {
  display: block !important;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-animation: spin 6s linear infinite;
       -o-animation: spin 6s linear infinite;
          animation: spin 6s linear infinite;
}
.section-what #role-areas {
  clear: both;
  position: relative;
  z-index: 5;
  display: block;
  background-color: white;
  margin: 0 -20px 40px -20px;
  -webkit-transition: background .3s linear;
  -o-transition: background .3s linear;
  transition: background .3s linear;
  max-width: 720px;
  overflow: hidden;
}
.section-what #role-areas > .container {
  display: table;
  width: 100%;
  margin: 0 auto;
  padding: 2rem;
  overflow: hidden;
}
.section-what #role-areas .row {
  display: table-row;
}
.section-what #role-areas #role-focus {
  display: table;
  width: 100%;
  vertical-align: top;
}
.section-what #role-areas .area {
  display: table-row;
  text-align: center;
}
.section-what #role-areas .area .key {
  display: table-cell;
  width: 15%;
  height: 100%;
  padding: 2rem 0;
  text-align: center;
  vertical-align: middle;
  background-color: #EEE;
  border-bottom: 2px solid white;
}
.section-what #role-areas .area .desc {
  display: table-cell;
  width: 85%;
  padding-left: 10%;
  padding-right: 5%;
  border: 2px solid white;
}
.section-what #role-areas .area img {
  width: 30%;
  height: auto;
}
.section-what #role-areas .area h2 {
  position: relative;
  display: block;
  font-family: "gapstown", "Comic Sans", "Comic Sans MS", cursive;
  text-transform: uppercase;
  font-size: 12pt;
}
.section-what #role-areas .area h2::before {
  display: inline-block;
  margin: 0 10px -2px 0;
  width: 14px;
  height: 14px;
  border-radius: 20px;
  content: ' ';
}
.section-what #role-areas .area p {
  text-align: left;
}
.section-what #role-areas .area:last-child {
  margin-bottom: 2rem;
}
.section-what #role-areas #extra-curricular h2::before,
.section-what #role-areas #extra-curricular .key {
  background-color: #009ad4;
  color: white;
}
.section-what #role-areas #social-emotional h2::before,
.section-what #role-areas #social-emotional .key {
  background-color: #fec13b;
}
.section-what #role-areas #community-development h2::before,
.section-what #role-areas #community-development .key {
  background-color: #a2238e;
  color: white;
}
.section-what #role-areas #mentoring h2::before,
.section-what #role-areas #mentoring .key {
  background-color: #945325;
  color: white;
}
.section-what #role-areas #education h2::before,
.section-what #role-areas #education .key {
  background-color: #a6ce39;
}
.section-what #role-areas #spiritual h2::before,
.section-what #role-areas #spiritual .key {
  background-color: #ee3042;
  color: white;
}
.section-what #role-areas #team h2::before,
.section-what #role-areas #team .key {
  background-color: #f89638;
}
.section-what #spiritual-health-quote {
  max-width: 720px;
  background-color: #e3daea;
  margin: 0 -20px 0 -20px;
  border-radius: 20px;
}
.section-what #spiritual-health-quote img {
  display: block;
  max-width: 70%;
  height: auto;
  margin: 0 auto 20px auto;
}
.section-what #spiritual-health-quote blockquote {
  position: relative;
  margin: 0;
}
.section-what #spiritual-health-quote blockquote > p {
  margin: 0;
  padding: 1rem 2rem;
  background-color: white;
  border-radius: 16px;
  font-style: italic;
}
.section-what #spiritual-health-quote blockquote footer {
  position: relative;
  padding: 1rem 2rem 1rem 4.5rem;
}
.section-what #spiritual-health-quote blockquote footer > p {
  margin-bottom: 0;
}
.section-what #spiritual-health-quote blockquote footer > p::before {
  display: block;
  content: '—';
  font-size: 0;
  text-indent: -9999px;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 15px;
  -webkit-background-size: 24px 24px;
          background-size: 24px 24px;
  background: url(../images/quote-tail.png) no-repeat bottom left;
}
@media (min-width: 768px) {
  .section-what {
    padding-bottom: 3rem;
  }
  .section-what .container {
    padding-left: 5%;
    padding-right: 5%;
  }
  .section-what #what-title .figure {
    width: 28%;
    margin-top: -10rem;
  }
  .section-what #role-areas {
    margin-left: auto;
    margin-right: auto;
  }
  .section-what #role-areas .container {
    padding: 0;
  }
  .section-what #role-areas .area .key {
    font-size: 16pt;
  }
  .section-what #role-areas .area .desc {
    padding-left: 5%;
  }
  .section-what #role-areas .area h2 {
    font-size: 15pt;
  }
  .section-what #role-areas .area h2::before {
    width: 16px;
    height: 16px;
  }
  .section-what #spiritual-health-quote {
    margin-left: auto;
    margin-right: auto;
  }
  .section-what #spiritual-health-quote .container {
    width: 100%;
    overflow: hidden;
  }
  .section-what #spiritual-health-quote img {
    max-width: 20%;
    float: left;
  }
  .section-what #spiritual-health-quote blockquote {
    width: 75%;
    margin-left: 5%;
    float: left;
  }
  .section-what #spiritual-health-quote blockquote footer {
    padding-left: 5rem;
  }
}
.ie8 .section-what,
.ie7 .section-what {
  padding-bottom: 3rem;
}
.ie8 .section-what .container,
.ie7 .section-what .container {
  padding-left: 5%;
  padding-right: 5%;
}
.ie8 .section-what #what-title .figure,
.ie7 .section-what #what-title .figure {
  width: 28%;
  margin-top: -10rem;
}
.ie8 .section-what #role-areas,
.ie7 .section-what #role-areas {
  margin-left: auto;
  margin-right: auto;
}
.ie8 .section-what #role-areas .container,
.ie7 .section-what #role-areas .container {
  padding: 0;
}
.ie8 .section-what #role-areas .area .key,
.ie7 .section-what #role-areas .area .key {
  width: 8%;
  font-size: 16pt;
}
.ie8 .section-what #role-areas .area .desc,
.ie7 .section-what #role-areas .area .desc {
  float: left;
  width: 95%;
  padding-left: 5%;
}
.ie8 .section-what #role-areas .area h2,
.ie7 .section-what #role-areas .area h2 {
  font-size: 15pt;
}
.ie8 .section-what #role-areas .area h2::before,
.ie7 .section-what #role-areas .area h2::before {
  width: 16px;
  height: 16px;
}
.section-where {
  background: #fde2d6;
  padding: 4rem 1rem 4rem 0;
}
.section-where .container {
  overflow: visible;
}
.section-where #habitat {
  padding: 1rem 1rem 1rem 2rem;
  background-color: #f0f0ef;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.section-where #habitat h1 {
  color: #945325;
}
.section-where #habitat .fig-saf {
  float: right;
  width: 50%;
  height: auto;
  margin: -6rem -1rem 0 -5rem;
}
.section-where #habitat em {
  font-size: 140%;
  font-weight: bold;
  font-style: normal;
  color: #135c37;
}
.section-where .habitat-content {
  width: 100%;
  margin: 0 auto;
}
.section-where .habitat-bush {
  position: relative;
  display: none;
  width: 20%;
  min-height: 300px;
  margin: -4rem 0;
}
.section-where .hbl {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-background-size: contain;
          background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.section-where .habitat-bush-left .hbl-1 {
  background-image: url("../images/hbl-l1.png");
  -webkit-animation: hbl-left 5s ease-in-out infinite;
       -o-animation: hbl-left 5s ease-in-out infinite;
          animation: hbl-left 5s ease-in-out infinite;
  -webkit-animation-delay: .2s;
       -o-animation-delay: .2s;
          animation-delay: .2s;
}
.section-where .habitat-bush-left .hbl-2 {
  background-image: url("../images/hbl-l2.png");
  -webkit-animation: hbl-left 5s ease-in-out infinite;
       -o-animation: hbl-left 5s ease-in-out infinite;
          animation: hbl-left 5s ease-in-out infinite;
  -webkit-animation-delay: .4s;
       -o-animation-delay: .4s;
          animation-delay: .4s;
}
.section-where .habitat-bush-left .hbl-3 {
  background-image: url("../images/hbl-l3.png");
  -webkit-animation: hbl-left 5s ease-in-out infinite;
       -o-animation: hbl-left 5s ease-in-out infinite;
          animation: hbl-left 5s ease-in-out infinite;
  -webkit-animation-delay: .8s;
       -o-animation-delay: .8s;
          animation-delay: .8s;
}
.section-where .habitat-bush-left .hbl-4 {
  background-image: url("../images/hbl-l4.png");
  -webkit-animation: hbl-left 5s ease-in-out infinite;
       -o-animation: hbl-left 5s ease-in-out infinite;
          animation: hbl-left 5s ease-in-out infinite;
  -webkit-animation-delay: 1s;
       -o-animation-delay: 1s;
          animation-delay: 1s;
}
.section-where .habitat-bush-left .hbl-5 {
  background-image: url("../images/hbl-l5.png");
  -webkit-animation: hbl-left 5s ease-in-out infinite;
       -o-animation: hbl-left 5s ease-in-out infinite;
          animation: hbl-left 5s ease-in-out infinite;
  -webkit-animation-delay: 1.2s;
       -o-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.section-where .habitat-bush-left .hbl-6 {
  background-image: url("../images/hbl-l6.png");
  -webkit-animation: hbl-left 5s ease-in-out infinite;
       -o-animation: hbl-left 5s ease-in-out infinite;
          animation: hbl-left 5s ease-in-out infinite;
  -webkit-animation-delay: 1.4s;
       -o-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.section-where .habitat-bush-right .hbl-1 {
  background-image: url("../images/hbl-r1.png");
  -webkit-animation: hbl-right 5s ease-in-out infinite;
       -o-animation: hbl-right 5s ease-in-out infinite;
          animation: hbl-right 5s ease-in-out infinite;
  -webkit-animation-delay: .2s;
       -o-animation-delay: .2s;
          animation-delay: .2s;
}
.section-where .habitat-bush-right .hbl-2 {
  background-image: url("../images/hbl-r2.png");
  -webkit-animation: hbl-right 5s ease-in-out infinite;
       -o-animation: hbl-right 5s ease-in-out infinite;
          animation: hbl-right 5s ease-in-out infinite;
  -webkit-animation-delay: .4s;
       -o-animation-delay: .4s;
          animation-delay: .4s;
}
.section-where .habitat-bush-right .hbl-3 {
  background-image: url("../images/hbl-r3.png");
  -webkit-animation: hbl-right 5s ease-in-out infinite;
       -o-animation: hbl-right 5s ease-in-out infinite;
          animation: hbl-right 5s ease-in-out infinite;
  -webkit-animation-delay: .8s;
       -o-animation-delay: .8s;
          animation-delay: .8s;
}
.section-where .habitat-bush-right .hbl-4 {
  background-image: url("../images/hbl-r4.png");
  -webkit-animation: hbl-right 5s ease-in-out infinite;
       -o-animation: hbl-right 5s ease-in-out infinite;
          animation: hbl-right 5s ease-in-out infinite;
  -webkit-animation-delay: 1s;
       -o-animation-delay: 1s;
          animation-delay: 1s;
}
.section-where .habitat-bush-right .hbl-5 {
  background-image: url("../images/hbl-r5.png");
  -webkit-animation: hbl-right 5s ease-in-out infinite;
       -o-animation: hbl-right 5s ease-in-out infinite;
          animation: hbl-right 5s ease-in-out infinite;
  -webkit-animation-delay: 1.2s;
       -o-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.section-where .habitat-bush-right .hbl-6 {
  background-image: url("../images/hbl-r6.png");
  -webkit-animation: hbl-right 5s ease-in-out infinite;
       -o-animation: hbl-right 5s ease-in-out infinite;
          animation: hbl-right 5s ease-in-out infinite;
  -webkit-animation-delay: 1.4s;
       -o-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.section-where #geo .container {
  position: relative;
  margin: 1rem auto;
  padding: 1rem;
}
.section-where #geo .container h2 {
  color: #ee3042;
  text-align: center;
}
.cssanimations .section-where #geo .container .figure::after {
  position: absolute;
  display: inline-block;
  content: ' ';
  width: 30px;
  height: 30px;
  background: url("../images/plane.png") no-repeat center center;
  -webkit-background-size: 30px 30px;
          background-size: 30px 30px;
  -webkit-animation: plane 15s linear infinite;
       -o-animation: plane 15s linear infinite;
          animation: plane 15s linear infinite;
}
.section-where #geo img {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .section-where {
    padding: 5rem 5rem 5rem 0;
  }
  .section-where #habitat {
    padding: 2rem 2rem 2rem 5rem;
  }
  .section-where #habitat h1 {
    font-size: 20pt;
  }
  .section-where #habitat .fig-saf {
    width: 34%;
    margin: -3rem -4rem 0 -3rem;
  }
  .section-where .habitat-content {
    float: left;
    width: 60%;
    padding-left: 3%;
    padding-right: 3%;
  }
  .section-where .habitat-bush {
    display: block;
    float: left;
  }
  .section-where #geo .container {
    max-width: 720px;
  }
}
.ie8 .section-where,
.ie7 .section-where {
  padding: 5rem 5rem 5rem 0;
}
.ie8 .section-where #habitat,
.ie7 .section-where #habitat {
  padding: 2rem 2rem 2rem 5rem;
}
.ie8 .section-where #habitat h1,
.ie7 .section-where #habitat h1 {
  font-size: 20pt;
}
.ie8 .section-where #habitat .fig-saf,
.ie7 .section-where #habitat .fig-saf {
  width: 34%;
  margin: -3rem -4rem 0 -3rem;
}
.ie8 .section-where .habitat-content,
.ie7 .section-where .habitat-content {
  float: left;
  width: 60%;
  padding-left: 3%;
  padding-right: 3%;
}
.ie8 .section-where .habitat-bush,
.ie7 .section-where .habitat-bush {
  display: block;
  float: left;
  background-image: none;
}
.ie8 .section-where .habitat-bush .hbl-1,
.ie7 .section-where .habitat-bush .hbl-1,
.ie8 .section-where .habitat-bush .hbl-2,
.ie7 .section-where .habitat-bush .hbl-2,
.ie8 .section-where .habitat-bush .hbl-3,
.ie7 .section-where .habitat-bush .hbl-3,
.ie8 .section-where .habitat-bush .hbl-4,
.ie7 .section-where .habitat-bush .hbl-4,
.ie8 .section-where .habitat-bush .hbl-5,
.ie7 .section-where .habitat-bush .hbl-5,
.ie8 .section-where .habitat-bush .hbl-6,
.ie7 .section-where .habitat-bush .hbl-6 {
  display: none;
}
.ie8 .section-where #geo .container,
.ie7 .section-where #geo .container {
  max-width: 720px;
}
@media (min-width: 768px) {
  .cssanimations .section-where #geo .container .figure::after {
    width: 100px;
    height: 100px;
    -webkit-background-size: 100px 100px;
            background-size: 100px 100px;
  }
}
.section-issues {
  background-color: #c0dcd7;
}
.section-issues .container {
  padding-top: 2rem;
  padding-bottom: 2rem;
  overflow: visible;
}
.section-issues .title {
  margin: 0 0 4rem 0;
}
.section-issues .title h1 {
  color: #945325;
  margin-top: 0;
}
.section-issues #students-talk {
  position: relative;
  overflow: hidden;
  margin: 1rem 1rem 2rem 1rem;
  padding: 2rem;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 20px;
}
.section-issues #students-talk h2 {
  color: #a2238e;
  margin-top: 0;
}
.section-issues #students-talk blockquote {
  margin: 2rem 0 0 0;
}
.section-issues #students-talk blockquote > p {
  margin: 0;
  padding: 1rem 2rem;
  background-color: white;
  border-radius: 16px;
  font-style: italic;
}
.section-issues #students-talk blockquote cite {
  display: block;
  position: relative;
  padding: 1rem 2rem 1rem 4.5rem;
}
.section-issues #students-talk blockquote cite > p {
  margin-bottom: 0;
}
.section-issues #students-talk blockquote cite > p::before {
  display: block;
  content: '—';
  font-size: 0;
  text-indent: -9999px;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 15px;
  -webkit-background-size: 24px 24px;
          background-size: 24px 24px;
  background: url(../images/quote-tail.png) no-repeat bottom left;
}
@media (min-width: 768px) {
  .section-issues #students-talk {
    margin-left: 6%;
    margin-right: 6%;
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .section-issues #students-talk h2 {
    float: left;
    width: 15%;
    margin-bottom: 0;
  }
  .section-issues #students-talk > .description {
    float: left;
    width: 25%;
    margin-left: 5%;
    margin-right: 5%;
  }
  .section-issues #students-talk > blockquote {
    float: left;
    width: 50%;
    margin-top: 0;
  }
}
.section-issues #year-levels {
  background-color: #e3daea;
  margin: 1rem;
  padding: 2rem;
  border-radius: 20px;
}
.section-issues #year-levels h2 {
  color: #009ad4;
  margin-top: 0;
}
.section-issues #year-levels .figure {
  max-width: 480px;
  margin: 2rem auto;
}
.section-issues #issues-top {
  padding-bottom: 4rem;
}
.section-issues #issues-top h2 {
  color: #ee3042;
}
.section-issues #issues-top h2 a:link,
.section-issues #issues-top h2 a:visited {
  color: #ee3042;
  text-decoration: none;
}
.section-issues #issues-top .title,
.section-issues #issues-top .figure {
  margin: 0;
  padding: 0 3rem;
}
.section-issues #issues-top .figure {
  position: relative;
  margin: 0 0 0 3rem;
  padding: 2rem 6rem 2rem 2rem;
  background: #a2238e;
  border-radius: 3rem;
}
.backgroundsize .section-issues #issues-top .figure {
  background: url("../images/lunchbox.png") no-repeat left top;
  -webkit-background-size: cover;
          background-size: cover;
  border-radius: 0;
}
.section-issues #issues-top .figure img {
  position: relative;
  -webkit-animation: jiggle 5s linear infinite;
       -o-animation: jiggle 5s linear infinite;
          animation: jiggle 5s linear infinite;
}
.section-issues #issues-top .figure .fig-friendships {
  margin-top: -2%;
  -webkit-animation-delay: 0;
       -o-animation-delay: 0;
          animation-delay: 0;
}
.section-issues #issues-top .figure .fig-bullying {
  width: 50%;
  margin: -20% 0 -50% 50%;
  -webkit-animation-delay: 1s;
       -o-animation-delay: 1s;
          animation-delay: 1s;
}
.section-issues #issues-top .figure .fig-behaviour,
.section-issues #issues-top .figure .fig-family {
  margin-bottom: 5%;
}
.section-issues #issues-top .figure .fig-behaviour {
  margin-top: -7%;
  -webkit-animation-delay: 2s;
       -o-animation-delay: 2s;
          animation-delay: 2s;
}
.section-issues #issues-top .figure .fig-family {
  margin-top: -2%;
  -webkit-animation-delay: 3s;
       -o-animation-delay: 3s;
          animation-delay: 3s;
}
.section-issues #issues-top .figure .fig-mental-health {
  margin-bottom: 10%;
  -webkit-animation-delay: 4s;
       -o-animation-delay: 4s;
          animation-delay: 4s;
}
.section-issues #issues-top .footer {
  margin: 0 0 0 3rem;
  padding: 1rem 6rem 0 2rem;
}
.section-issues #issues-top .footer p {
  font-size: 10pt;
}
.section-issues #issues-assist {
  padding: 4rem;
  background-color: #fef9f1;
}
.section-issues #issues-assist h2 {
  margin-top: 0;
  color: #945325;
}
.section-issues #issues-assist h2 a:link,
.section-issues #issues-assist h2 a:visited {
  color: #ee3042;
  text-decoration: none;
}
.section-issues #issues-assist .figure {
  position: relative;
  margin: 0 -3rem 4rem -2rem;
  z-index: 5;
}
.section-issues #issues-assist .fig-issues-assist-brush-1,
.section-issues #issues-assist .fig-issues-assist-brush-2,
.section-issues #issues-assist .fig-issues-assist-brush-3,
.section-issues #issues-assist .fig-issues-assist-brush-4,
.section-issues #issues-assist .fig-issues-assist-brush-5,
.section-issues #issues-assist .fig-issues-assist-brush-6,
.section-issues #issues-assist .fig-issues-assist-brush-7 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
}
.section-issues #issues-assist .fig-issues-assist-brush-2,
.section-issues #issues-assist .fig-issues-assist-brush-3,
.section-issues #issues-assist .fig-issues-assist-brush-4,
.section-issues #issues-assist .fig-issues-assist-brush-5,
.section-issues #issues-assist .fig-issues-assist-brush-6,
.section-issues #issues-assist .fig-issues-assist-brush-7 {
  display: block !important;
  opacity: 0;
  -webkit-animation: fader 7s linear infinite;
       -o-animation: fader 7s linear infinite;
          animation: fader 7s linear infinite;
  z-index: 7;
}
.section-issues #issues-assist .fig-issues-assist-brush-3 {
  -webkit-animation-delay: 1s;
       -o-animation-delay: 1s;
          animation-delay: 1s;
}
.section-issues #issues-assist .fig-issues-assist-brush-4 {
  -webkit-animation-delay: 2s;
       -o-animation-delay: 2s;
          animation-delay: 2s;
}
.section-issues #issues-assist .fig-issues-assist-brush-5 {
  -webkit-animation-delay: 3s;
       -o-animation-delay: 3s;
          animation-delay: 3s;
}
.section-issues #issues-assist .fig-issues-assist-brush-6 {
  -webkit-animation-delay: 4s;
       -o-animation-delay: 4s;
          animation-delay: 4s;
}
.section-issues #issues-assist .fig-issues-assist-brush-7 {
  -webkit-animation-delay: 5s;
       -o-animation-delay: 5s;
          animation-delay: 5s;
}
@media (min-width: 480px) {
  .section-issues #year-levels {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4rem;
    padding-right: 4rem;
    padding-bottom: 4rem;
  }
  .section-issues #year-levels .title {
    text-align: center;
  }
  .section-issues #issues-assist .figure {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .section-issues #year-levels {
    float: left;
    width: 54%;
    margin: 0 0 0 6%;
    padding: 2rem;
  }
  .section-issues #issues-top {
    float: left;
    width: 40%;
    padding: 2rem 0;
  }
  .section-issues #issues-top h2 {
    margin-top: 0;
  }
  .section-issues #issues-top .title {
    text-align: left;
    padding-left: 4rem;
    padding-right: 18%;
  }
  .section-issues #issues-top .figure {
    margin-left: 2rem;
    padding-right: 18%;
  }
  .section-issues #issues-top .footer {
    margin-left: 2rem;
  }
  .section-issues #issues-assist,
  .section-issues .rating {
    margin-left: 6%;
    margin-right: 6%;
  }
  .section-issues #issues-assist {
    margin-top: 4rem;
    margin-bottom: 4rem;
    border-radius: 3rem;
  }
  .section-issues #issues-assist .figure {
    float: right;
    width: 60%;
    margin-left: 5%;
  }
}
@media (min-width: 1200px) {
  .section-issues #year-levels {
    width: 50%;
    margin-left: 10%;
    padding: 4rem;
  }
  .section-issues #issues-top {
    width: 40%;
    padding: 4rem 0;
  }
  .section-issues #issues-top .title,
  .section-issues #issues-top .figure,
  .section-issues #issues-top .footer {
    padding-right: 30%;
  }
  .section-issues #issues-top .title {
    padding-left: 6rem;
  }
  .section-issues #issues-top .figure,
  .section-issues #issues-top .footer {
    margin-left: 4rem;
  }
  .section-issues #issues-assist,
  .section-issues .rating {
    margin-left: 10%;
    margin-right: 10%;
  }
  .section-issues #issues-assist .figure {
    width: 75%;
    margin-left: 5%;
  }
}
@media (min-width: 1600px) {
  .section-issues #issues-kind {
    width: 45%;
    margin-left: 15%;
    padding: 4rem;
  }
  .section-issues #issues-top {
    width: 40%;
    padding: 4rem 0;
  }
  .section-issues #issues-top .title,
  .section-issues #issues-top .figure {
    padding-right: 45%;
  }
  .section-issues #issues-assist,
  .section-issues .rating {
    margin-left: 15%;
    margin-right: 15%;
  }
}
.ie8 .section-issues,
.ie7 .section-issues {
  padding: 0 0 4rem 0;
}
.ie8 .section-issues #issues-kind,
.ie7 .section-issues #issues-kind {
  float: left;
  width: 54%;
  margin: 0 0 0 6%;
  padding: 2rem;
  border-bottom-left-radius: 3rem;
  border-bottom-right-radius: 3rem;
}
.ie8 .section-issues #issues-top,
.ie7 .section-issues #issues-top {
  float: left;
  width: 40%;
  padding: 2rem 0;
}
.ie8 .section-issues #issues-top h2,
.ie7 .section-issues #issues-top h2 {
  margin-top: 0;
}
.ie8 .section-issues #issues-top .title,
.ie7 .section-issues #issues-top .title {
  text-align: left;
  padding-left: 4rem;
  padding-right: 18%;
}
.ie8 .section-issues #issues-top .figure,
.ie7 .section-issues #issues-top .figure {
  margin-left: 2rem;
  padding-right: 18%;
}
.ie8 .section-issues #issues-assist,
.ie7 .section-issues #issues-assist,
.ie8 .section-issues .rating,
.ie7 .section-issues .rating {
  margin-left: 6%;
  margin-right: 6%;
}
.ie8 .section-issues #issues-assist,
.ie7 .section-issues #issues-assist {
  border-radius: 3rem;
}
.ie8 .section-issues #issues-assist .figure,
.ie7 .section-issues #issues-assist .figure {
  float: right;
  width: 60%;
  margin-left: 5%;
}
.section-at-risk {
  padding: 2rem 1rem;
  background-color: #c45373;
}
.section-at-risk .container {
  position: relative;
  max-width: 920px;
  margin: 0 auto;
  padding: 1rem;
  background-color: white;
  border-radius: 26px;
  overflow: visible;
}
.section-at-risk .bounds {
  padding: 2rem;
  border: 3px dotted #c45373;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.section-at-risk h1 {
  margin-top: 0;
  color: #a2238e;
}
.section-at-risk h1 a:link,
.section-at-risk h1 a:visited {
  color: #a2238e;
  text-decoration: none;
}
.section-at-risk .formal-conversations {
  position: relative;
  margin: 2rem 0;
  overflow-x: hidden;
}
@media (min-width: 768px) {
  .section-at-risk {
    padding: 4rem 1rem;
  }
  .backgroundsize .section-at-risk .container::before {
    -webkit-animation-name: zip-sm;
         -o-animation-name: zip-sm;
            animation-name: zip-sm;
  }
  .section-at-risk .bounds {
    padding: 4rem;
  }
  .section-at-risk .formal-conversations {
    float: right;
    width: 50%;
    margin: 0 0 0 2rem;
  }
}
@media (min-width: 992px) {
  .section-at-risk .formal-conversations {
    width: 60%;
  }
}
.ie8 .section-at-risk,
.ie7 .section-at-risk {
  padding: 4rem 1rem;
}
.backgroundsize .ie8 .section-at-risk .container::before,
.backgroundsize .ie7 .section-at-risk .container::before {
  -webkit-animation-name: zip-sm;
       -o-animation-name: zip-sm;
          animation-name: zip-sm;
}
.ie8 .section-at-risk .bounds,
.ie7 .section-at-risk .bounds {
  padding: 4rem;
}
.ie8 .section-at-risk .formal-conversations,
.ie7 .section-at-risk .formal-conversations {
  float: right;
  width: 50%;
  margin: 0 0 0 2rem;
}
.section-constituents {
  background-color: white;
}
.section-constituents .container {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem;
}
.section-constituents .rating {
  margin-left: -4rem;
  margin-right: -4rem;
}
.section-constituents #who-talk h1 {
  color: #009ad4;
}
.section-constituents #who-talk h1 a:link,
.section-constituents #who-talk h1 a:visited {
  color: #009ad4;
  text-decoration: none;
}
.section-constituents #who-talk .title {
  width: 100%;
  overflow: hidden;
}
.section-constituents > .row {
  clear: both;
}
.section-constituents .figures {
  position: relative;
}
.section-constituents .figure {
  margin: 2rem -2rem 3rem -2rem;
}
.section-constituents .breakdown {
  position: relative;
}
.section-constituents .breakdown .fig-cap {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 5;
}
.section-constituents .breakdown .fig-staff,
.section-constituents .breakdown .fig-parents,
.section-constituents .breakdown .fig-students {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 6;
}
.section-constituents .breakdown .fig-staff,
.section-constituents .breakdown .fig-staff-f {
  top: 0;
  left: 0;
}
.section-constituents .breakdown .fig-parents,
.section-constituents .breakdown .fig-parents-f {
  left: 0;
  bottom: 0;
}
.section-constituents .breakdown .fig-students,
.section-constituents .breakdown .fig-students-f {
  right: 0;
  bottom: 0;
}
.section-constituents .breakdown .fig-staff-f,
.section-constituents .breakdown .fig-parents-f,
.section-constituents .breakdown .fig-students-f {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 7;
}
.section-constituents .breakdown .fig-staff {
  -webkit-animation: cp-a-one 9s ease-in-out infinite;
       -o-animation: cp-a-one 9s ease-in-out infinite;
          animation: cp-a-one 9s ease-in-out infinite;
}
.section-constituents .breakdown .fig-parents {
  -webkit-animation: cp-a-two 9s ease-in-out infinite;
       -o-animation: cp-a-two 9s ease-in-out infinite;
          animation: cp-a-two 9s ease-in-out infinite;
}
.section-constituents .breakdown .fig-students {
  -webkit-animation: cp-a-three 9s ease-in-out infinite;
       -o-animation: cp-a-three 9s ease-in-out infinite;
          animation: cp-a-three 9s ease-in-out infinite;
}
.section-constituents .breakdown .fig-staff-f {
  -webkit-animation: cp-b-one 9s ease-in-out infinite;
       -o-animation: cp-b-one 9s ease-in-out infinite;
          animation: cp-b-one 9s ease-in-out infinite;
}
.section-constituents .breakdown .fig-parents-f {
  -webkit-animation: cp-b-two 9s ease-in-out infinite;
       -o-animation: cp-b-two 9s ease-in-out infinite;
          animation: cp-b-two 9s ease-in-out infinite;
}
.section-constituents .breakdown .fig-students-f {
  -webkit-animation: cp-b-three 9s ease-in-out infinite;
       -o-animation: cp-b-three 9s ease-in-out infinite;
          animation: cp-b-three 9s ease-in-out infinite;
}
.section-constituents .average {
  max-width: 480px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.section-constituents #activities {
  padding-top: 2rem;
}
.section-constituents .activities {
  display: table;
  margin-left: -2rem;
  margin-right: -2rem;
}
.section-constituents .activities .row {
  display: table-row;
}
.section-constituents .activities .cell {
  width: 100%;
  overflow: hidden;
  padding: 1rem 2rem;
  background-color: #c0dcd7;
  border: 2px solid white;
  vertical-align: middle;
  text-align: left;
}
.section-constituents .activities .title {
  color: white;
  background-color: #169d8f;
}
.section-constituents .activities .title a:link,
.section-constituents .activities .title a:visited {
  color: white;
  text-decoration: none;
}
.section-constituents .activities .title p {
  text-align: left;
}
.section-constituents .activities h3 {
  font-family: "gapstown", "Comic Sans", "Comic Sans MS", cursive;
  text-transform: uppercase;
  text-align: left;
  font-size: 11pt;
}
.section-constituents .activities h3 em {
  display: block;
  color: #a2238e;
  font-family: "gapstown", "Comic Sans", "Comic Sans MS", cursive;
  font-style: normal;
  font-size: 16pt;
}
.section-constituents .activities p {
  text-align: center;
}
.section-constituents .activities img {
  width: 30%;
  height: auto;
}
.section-constituents .activities .row:last-child .cell:last-child {
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
}
@media (min-width: 768px) {
  .section-constituents .activities .cell {
    display: table-cell;
    width: 33%;
  }
  .section-constituents .activities img {
    width: 33%;
  }
  .section-constituents .activities h3,
  .section-constituents .activities p {
    display: table-cell;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .section-constituents .activities .title {
    border-top-right-radius: 0;
  }
  .section-constituents .activities .title h2 {
    margin-top: 0;
    font-size: 11pt;
  }
  .section-constituents .activities .title p {
    margin-bottom: 0;
    font-size: 9pt;
  }
  .section-constituents .activities .row:last-child .cell:last-child {
    border-bottom-left-radius: 0;
  }
  .section-constituents .activities .row:first-child .cell:last-child {
    border-top-right-radius: 2rem;
  }
  .section-constituents .activities .row:last-child .cell:first-child {
    border-bottom-left-radius: 2rem;
  }
}
@media (min-width: 992px) {
  .section-constituents #who-talk h1 {
    float: left;
    width: 30%;
    margin-right: 5%;
  }
  .section-constituents #who-talk p {
    float: left;
    width: 65%;
  }
  .section-constituents .breakdown {
    width: 65%;
  }
  .section-constituents .average {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 35%;
    text-align: right;
    margin-top: 0;
    margin-bottom: 0;
  }
  .section-constituents .average img {
    width: auto;
    height: 100%;
  }
  .section-constituents .activities h3 {
    float: left;
    width: 50%;
    padding-right: 5%;
    font-size: 12pt;
  }
  .section-constituents .activities p {
    float: left;
    width: 50%;
    padding-left: 5%;
  }
  .section-constituents .activities img {
    width: 90%;
  }
  .section-constituents .activities .title h2 {
    font-size: 12pt;
    margin-top: 0;
  }
  .section-constituents .activities .title p {
    float: none;
    width: auto;
    padding-left: 0;
    font-size: 9pt;
    margin-bottom: 0;
  }
}
.ie8 .section-constituents .rating,
.ie7 .section-constituents .rating {
  margin-left: -2rem;
  margin-right: -2rem;
}
.ie8 .section-constituents .activities h3,
.ie7 .section-constituents .activities h3 {
  float: left;
  width: 50%;
  padding-right: 5%;
  font-size: 12pt;
}
.ie8 .section-constituents .activities p,
.ie7 .section-constituents .activities p {
  float: left;
  width: 50%;
  padding-left: 5%;
}
.ie8 .section-constituents .activities img,
.ie7 .section-constituents .activities img {
  width: 33%;
}
.ie8 .section-constituents .activities .title p,
.ie7 .section-constituents .activities .title p {
  float: none;
  width: 100%;
  padding-left: 0;
  font-size: 11pt;
}
.section-about {
  background-color: #fef6f2;
}
.section-about .container {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}
.section-about .about {
  padding: 4rem;
  background-color: #fde2d6;
  border-bottom-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
}
.section-about .about h1 {
  color: #945325;
}
.section-about .data {
  padding: 4rem;
}
.section-about .data h1 {
  color: #a2238e;
}
.section-about .mccrindle {
  margin: 4rem 0 0 2rem;
}
.section-about .mccrindle a:link,
.section-about .mccrindle a:visited {
  display: inline-block;
}
.section-about .mccrindle img {
  display: block;
  width: 100%;
  height: auto;
  border-width: 0;
}
@media (min-width: 768px) {
  .section-about .about {
    float: left;
    width: 42%;
  }
  .section-about .data {
    float: left;
    width: 58%;
  }
}
.ie8 .section-about .about,
.ie7 .section-about .about {
  float: left;
  width: 42%;
}
.ie8 .section-about .data,
.ie7 .section-about .data {
  float: left;
  width: 58%;
}
.section-actions {
  background-color: #fef6f2;
}
.section-actions .container {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem;
  text-align: center;
}
.section-actions h1 {
  color: #ee3042;
}
.section-actions h1 span {
  display: block;
  font-size: 12pt;
}
.section-actions .action {
  margin-bottom: 8rem;
}
.section-actions .action a:link,
.section-actions .action a:visited {
  display: inline-block;
}
.section-actions .action a:link img,
.section-actions .action a:visited img {
  display: inline-block;
}
.section-actions #download {
  margin-bottom: 6rem;
}
.section-actions #download h1 {
  color: #a2238e;
}
.backgroundsize .section-actions #download a {
  padding: 5rem 8rem 2rem 10rem;
  background: url("../images/cloud-download.png") no-repeat center center;
  -webkit-background-size: contain;
          background-size: contain;
}
.section-actions #download .action img {
  -webkit-animation: bobbing 2s ease-in-out infinite;
       -o-animation: bobbing 2s ease-in-out infinite;
          animation: bobbing 2s ease-in-out infinite;
}
.section-actions #donate {
  margin-bottom: 6rem;
}
.section-actions #donate h1 {
  color: #fec13b;
}
.section-actions #donate a img {
  position: relative;
  z-index: 5;
  -webkit-animation: heart 1.4s linear infinite;
       -o-animation: heart 1.4s linear infinite;
          animation: heart 1.4s linear infinite;
}
.backgroundsize .section-actions #donate a {
  padding: 4.4rem 7rem 2rem 5rem;
  background: url("../images/cloud-donate.png") no-repeat center center;
  -webkit-background-size: contain;
          background-size: contain;
}
.section-actions #info h1 {
  color: #009ad4;
}
.backgroundsize .section-actions #info a {
  padding: 4.4rem 5rem 3rem 7rem;
  background: url("../images/cloud-info.png") no-repeat center center;
  -webkit-background-size: contain;
          background-size: contain;
}
@media (min-width: 992px) {
  .section-actions .container {
    padding: 8rem 0;
  }
  .section-actions .action {
    margin-bottom: 3rem;
  }
  .section-actions #download {
    float: left;
    width: 33%;
    margin-bottom: 0;
    padding-right: 8%;
  }
  .section-actions #donate {
    float: left;
    width: 33%;
    margin-bottom: 0;
    padding-left: 4%;
    padding-right: 4%;
  }
  .section-actions #info {
    float: left;
    width: 33%;
    margin-bottom: 0;
    padding-left: 8%;
  }
}
.ie8 .section-actions .container,
.ie7 .section-actions .container {
  padding: 8rem 0;
}
.ie8 .section-actions #download,
.ie7 .section-actions #download {
  float: left;
  width: 33%;
  margin-bottom: 0;
  padding-right: 8%;
}
.ie8 .section-actions #donate,
.ie7 .section-actions #donate {
  float: left;
  width: 33%;
  margin-bottom: 0;
  padding-left: 4%;
  padding-right: 4%;
}
.ie8 .section-actions #info,
.ie7 .section-actions #info {
  float: left;
  width: 33%;
  margin-bottom: 0;
  padding-left: 8%;
}
.section-footer {
  background-color: white;
}
.section-footer .container {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem;
  text-align: center;
}
.section-footer .brand {
  margin: 0 0 2rem 0;
}
.section-footer .content-info img {
  max-width: 100%;
  height: auto;
}
.section-footer a:link,
.section-footer a:visited {
  color: black;
}
.section-footer strong {
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .section-footer .container {
    padding: 8rem 0;
  }
}
#header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
  background-color: white;
  overflow: visible;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  font-family: "gapstown", "Comic Sans", "Comic Sans MS", cursive;
}
#header .container {
  position: static;
  width: 100%;
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  padding: .5rem 2rem;
}
#header .container::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
#brand {
  float: right;
  width: 6rem;
  text-align: right;
}
#quick-download {
  float: left;
}
#quick-download a:link,
#quick-download a:visited {
  display: inline-block;
  color: #a2238e;
  font-size: 12pt;
  text-decoration: none;
  margin: .7rem 0 .5rem 0;
  padding: .6rem 1rem .4rem 1rem;
  border-radius: 4px;
}
#quick-download a:link .hide,
#quick-download a:visited .hide {
  display: none;
}
#quick-download a:hover,
#quick-download a:active,
#quick-download a:focus {
  background: #e3daea;
}
#quick-download a:hover .text,
#quick-download a:active .text,
#quick-download a:focus .text {
  text-decoration: underline;
}
#fb {
  display: none;
  float: left;
  padding: .8rem;
}
#quick-donate {
  display: none;
  float: left;
}
#quick-donate a:link,
#quick-donate a:visited {
  display: inline-block;
  color: #f89638;
  font-size: 12pt;
  text-decoration: none;
  margin: .7rem 1rem .5rem 0;
  padding: .6rem 1rem .4rem 1rem;
  border-radius: 4px;
}
#quick-donate a:link .hide,
#quick-donate a:visited .hide {
  display: none;
}
#quick-donate a:hover,
#quick-donate a:active,
#quick-donate a:focus {
  background: #fde2d6;
}
#quick-donate a:hover .text,
#quick-donate a:active .text,
#quick-donate a:focus .text {
  text-decoration: underline;
}
#nav {
  position: static;
  float: left;
}
#nav ol {
  position: absolute;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0 2rem;
  width: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  background-color: white;
  top: 100%;
  left: 0;
  right: 0;
}
#nav ol li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#nav ol li a:link,
#nav ol li a:visited {
  display: block;
  margin: 0;
  padding: .5rem 1rem;
  font-size: 12pt;
  color: #009ad4;
  text-decoration: none;
  border-top: 2px solid #f2f6f9;
}
#nav ol li a:hover,
#nav ol li a:active,
#nav ol li a:focus {
  color: white;
  background-color: #009ad4;
}
#nav button {
  display: inline-block;
  border-width: 0;
  border-radius: 4px;
  background-color: #f2f6f9;
  -webkit-appearance: none;
  margin: .7rem 1rem .5rem 0;
  padding: .5rem 1rem;
  cursor: pointer;
  font-family: "gapstown", "Comic Sans", "Comic Sans MS", cursive;
  color: #009ad4;
}
#nav button .icon-bars {
  display: inline-block;
  float: left;
}
#nav button .icon-bar {
  display: block;
  width: 24px;
  height: 3px;
  margin: 4px 0;
  background-color: #009ad4;
  cursor: pointer;
  border-radius: 6px;
}
#nav button .icon-text {
  display: inline-block;
  float: right;
  padding: .3rem 0 0 .8rem;
  font-size: 12pt;
}
#nav button:hover,
#nav button:active,
#nav button:focus {
  background-color: #009ad4;
  outline: none;
}
#nav button:hover .icon-bar,
#nav button:active .icon-bar,
#nav button:focus .icon-bar {
  background-color: white;
}
#nav button:hover .icon-text,
#nav button:active .icon-text,
#nav button:focus .icon-text {
  color: white;
  text-decoration: underline;
}
@media (max-width: 480px) and (orientation: landscape) {
  #nav ol {
    height: 16rem;
  }
}
@media (max-width: 480px) and (orientation: portrait) {
  #nav ol {
    height: 36rem;
  }
}
@media (max-width: 768px) and (orientation: landscape) {
  #nav ol {
    height: 27rem;
  }
}
@media (max-width: 768px) and (orientation: portrait) {
  #nav ol {
    height: 40rem;
  }
}
@media (min-width: 768px) {
  #nav button {
    margin-left: 2rem;
  }
  #nav ol {
    width: auto;
    left: auto;
    right: auto;
    padding-bottom: 2rem;
    overflow: visible;
  }
}
@media (min-width: 768px) {
  #quick-download a:link .hide,
  #quick-download a:visited .hide {
    display: inline;
  }
  #quick-download a:link .text,
  #quick-download a:visited .text {
    display: inline-block;
    margin-left: .5rem;
  }
  #fb {
    display: block;
  }
  #quick-donate {
    display: block;
  }
}
.positionfixed #header {
  position: fixed;
}
@media (max-width: 768px) {
  body.nav-active {
    overflow: hidden;
  }
}
.ie8 #header,
.ie7 #header {
  display: none;
}

/*# sourceMappingURL=main.css.map */