html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

@font-face {
  font-family: 'Circular Bold';
  src: url("../fonts/lineto-circular-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Circular Book';
  src: url("../fonts/lineto-circular-book.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

.liif-bold, #subnav nav ul, #main nav ul, header#subnav p, header#subnav ul li, header#main div.brand strong, header.mobile section p strong, aside.mobile-menu nav ul li span, aside.mobile-menu nav ul li a, section.project div.screen > blockquote, section.project div.screen > div.description button.read-more, section.project div.screen > div.description button.read-less, section.project div.screen > div.description button, section.project div.screen strong, section.description blockquote, section.financials.layer thead th, section.financials.layer tbody tr:last-of-type, section#letter.layer div.body button, section#letter.layer div.body strong, section.family.layer div.content ul strong, section.support.layer div.content ul strong, p strong, h1, h2, h3, h4, h5, h6, div.number div.text p {
  font-family: 'Circular Bold', sans-serif;
  font-weight: 200; }

.icon, header#main div.social a:first-of-type, header#main div.social a:last-of-type, header#main div.brand > p > a.logo, header.mobile section a.logo, section#hope button.play, section#avondale button.play {
  background-image: url("../images/sprite@2x.png");
  background-repeat: no-repeat;
  background-size: 84px 416px; }

.icon-sprite_liifLogo, header#main div.brand > p > a.logo, header.mobile section a.logo {
  background-position: -0px -0px;
  width: 24px;
  height: 24px; }

.icon-sprite_fb, header#main div.social a:first-of-type {
  background-position: -0px -24px;
  width: 28px;
  height: 28px; }

.icon-sprite_twitter, header#main div.social a:last-of-type {
  background-position: -0px -52px;
  width: 28px;
  height: 28px; }

.icon-sprite_play_hoverEmpower, section#hope button.play:hover {
  background-position: -0px -80px;
  width: 86px;
  height: 86px; }

.icon-sprite_play_hoverImagine, section#avondale button.play:hover {
  background-position: -0px -162px;
  width: 86px;
  height: 86px; }

.icon-sprite_play_hoverInvest {
  background-position: -0px -496px;
  width: 168px;
  height: 168px; }

.icon-sprite_play_off, section#hope button.play, section#avondale button.play {
  background-position: -0px -332px;
  width: 86px;
  height: 86px; }

#subnav, #main {
  border: 3px solid black;
  -ms-transform: skewX(-20deg);
  /* IE 9 */
  -webkit-transform: skewX(-20deg);
  /* Safari */
  transform: skewX(-20deg);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  margin-left: -10px;
  position: fixed;
  left: 0;
  z-index: 99;
  background-color: rgba(255, 255, 255, 0.9);
  height: 36px;
  pointer-events: none; }
  @media screen and (max-width: 680px) {
    #subnav, #main {
      display: none; } }
  #subnav a, #subnav li.wayfinder, #main a, #main li.wayfinder {
    pointer-events: auto;
    text-decoration: none;
    font-size: 14px;
    color: black;
    margin: 0;
    padding: 0; }
  #subnav nav, #main nav {
    height: 30px;
    background-color: transparent;
    display: inline-block; }
    #subnav nav ul, #main nav ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      height: 30px; }

#mobile-menu {
  display: none; }
  @media screen and (max-width: 680px) {
    #mobile-menu {
      display: block; } }

header#subnav {
  width: 53.33%;
  top: 0;
  height: 36px;
  z-index: 98;
  -ms-transition-property: transform;
  -ms-transition-duration: 0.5s;
  -ms-transform: translate(0px, 0px);
  -webkit-transition-property: transform;
  -webkit-transition-duration: 0.5s;
  -webkit-transform: translate(0px, 0px);
  transition: transform 0.5s;
  transform: translate(0px, 0px);
  opacity: 0; }
  header#subnav.show {
    -ms-transition-property: transform;
    -ms-transition-duration: 0.5s;
    -ms-transform: translate(0px, 32px) skew(-20deg);
    -webkit-transition-property: transform;
    -webkit-transition-duration: 0.5s;
    -webkit-transform: translate(0px, 32px) skew(-20deg);
    transition: transform 0.5s;
    transform: translate(0px, 32px) skew(-20deg);
    opacity: 1; }
    header#subnav.show nav {
      opacity: 1; }
  header#subnav nav {
    opacity: 0;
    width: 100%;
    overflow: hidden;
    padding-right: 20px; }
  header#subnav p {
    background-color: transparent;
    font-weight: 200;
    font-size: 14px;
    display: none;
    margin: 0;
    text-align: right;
    -ms-transform: skewX(20deg);
    /* IE 9 */
    -webkit-transform: skewX(20deg);
    /* Safari */
    transform: skewX(20deg);
    color: black; }
    header#subnav p span {
      font-family: 'Circular Book', sans-serif; }
    header#subnav p.active {
      display: block; }
    header#subnav p.imagine {
      padding: 6px 15px 5px 0; }
    header#subnav p.empower {
      padding: 6px 11px 5px 0; }
    header#subnav p.invest {
      padding: 6px 21px 5px 0; }
  header#subnav ul {
    display: none; }
    header#subnav ul.active {
      display: block; }
    header#subnav ul.family li a {
      color: black; }
    header#subnav ul.family li.current a {
      color: #bb32aa; }
    header#subnav ul.financials li a {
      color: black; }
    header#subnav ul.financials li.current a {
      color: #bb32aa; }
    header#subnav ul.family li a {
      color: black; }
    header#subnav ul.family li.current a {
      color: #dc3c5a; }
    header#subnav ul.support li a {
      color: black; }
    header#subnav ul.support li.current a {
      color: #ce288c; }
    header#subnav ul.empower li a {
      color: black; }
    header#subnav ul.empower li.current a {
      color: #a046de; }
    header#subnav ul.invest li a {
      color: black; }
    header#subnav ul.invest li.current a {
      color: #645ae6; }
    header#subnav ul.imagine li a {
      color: black; }
    header#subnav ul.imagine li.current a {
      color: #007aba; }
    header#subnav ul.photos.active li.project.active {
      display: block; }
    header#subnav ul.photos li.project {
      display: none; }
    header#subnav ul.photos li.wayfinder {
      display: none;
      color: black;
      -ms-transform: skewX(20deg);
      /* IE 9 */
      -webkit-transform: skewX(20deg);
      /* Safari */
      transform: skewX(20deg); }
      header#subnav ul.photos li.wayfinder.show {
        display: block; }
    header#subnav ul.support li:first-of-type {
      margin-right: 12px; }
    header#subnav ul.family li:first-of-type {
      margin-right: 18px; }
    header#subnav ul.financials li:first-of-type {
      margin-right: 9px; }
    header#subnav ul.empower li:first-of-type {
      margin-right: 9px; }
    header#subnav ul.invest li:first-of-type {
      margin-right: 19px; }
    header#subnav ul.imagine li:first-of-type {
      margin-right: 14px; }
    header#subnav ul li {
      float: right;
      padding-top: 5px;
      font-weight: 200;
      margin-right: 20px; }
    header#subnav ul li a {
      display: block;
      -ms-transform: skewX(20deg);
      /* IE 9 */
      -webkit-transform: skewX(20deg);
      /* Safari */
      transform: skewX(20deg); }

header#main {
  width: 90%;
  top: 0; }
  header#main div.social {
    display: inline-block;
    float: right;
    width: 75px;
    padding-top: 1px; }
    header#main div.social a {
      display: inline-block;
      -ms-transform: skewX(20deg);
      /* IE 9 */
      -webkit-transform: skewX(20deg);
      /* Safari */
      transform: skewX(20deg);
      border: none;
      background-color: transparent; }
  header#main div.brand {
    width: 100vw;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    color: black;
    font-size: 14px;
    text-align: center;
    border: none;
    background-color: transparent;
    -webkit-transform: skew(20deg);
    /* Safari */
    text-align: center; }
    header#main div.brand > p {
      background-color: transparent;
      margin: 0 auto;
      padding-left: 5px;
      vertical-align: top;
      display: inline-block;
      width: 940px;
      text-align: left; }
      header#main div.brand > p > a.logo {
        display: inline-block;
        margin-top: 2px;
        margin-right: 16px; }
      header#main div.brand > p > a.title {
        display: inline-block;
        vertical-align: top;
        padding-top: 1px; }
    header#main div.brand strong, header#main div.brand span {
      display: inline-block;
      height: 30px;
      vertical-align: top;
      margin-top: 5px; }
    header#main div.brand strong {
      display: inline-block; }
  header#main nav {
    width: 410px;
    position: absolute;
    right: 90px; }
    header#main nav ul {
      width: 100%; }
      header#main nav ul li {
        transition: width 0.2s ease-out;
        overflow: hidden;
        display: inline-block;
        width: 25px;
        height: 100%;
        vertical-align: top;
        text-align: center;
        white-space: nowrap; }
        header#main nav ul li a {
          display: block;
          transition: opacity 0.2s ease-in;
          opacity: 0;
          padding-top: 6px;
          text-align: center;
          height: 100%;
          -ms-transform: skewX(20deg);
          /* IE 9 */
          -webkit-transform: skewX(20deg);
          /* Safari */
          transform: skewX(20deg); }
      header#main nav ul li:hover {
        width: 180px;
        transition: width 0.2s ease-out; }
        header#main nav ul li:hover a {
          transition: opacity 0.2s ease-out;
          opacity: 1;
          display: block; }
      header#main nav ul li.active {
        width: 180px;
        transition: width 0.2s ease-out; }
        header#main nav ul li.active a {
          transition: opacity 0.2s ease-out;
          opacity: 1;
          display: block; }
        header#main nav ul li.active.small {
          width: 25px;
          transition: width 0.2s ease-out; }
          header#main nav ul li.active.small a {
            transition: opacity 0.2s ease-out;
            opacity: 0; }
    header#main nav li:last-of-type {
      border-right: 3px solid black;
      width: 28px; }
      header#main nav li:last-of-type:hover {
        width: 185px; }
    header#main nav li {
      border-left: 3px solid black; }
    header#main nav li:nth-of-type(1) {
      background-color: #bed230; }
    header#main nav li:nth-of-type(2) {
      background-color: #66b245; }
    header#main nav li:nth-of-type(3) {
      background-color: #009d77; }
    header#main nav li:nth-of-type(4) {
      background-color: #007aba; }
    header#main nav li:nth-of-type(5) {
      background-color: #645ae6; }
    header#main nav li:nth-of-type(6) {
      background-color: #a046de; }
    header#main nav li:nth-of-type(7) {
      background-color: #bb32aa; }
    header#main nav li:nth-of-type(8) {
      background-color: #ce288c; }
    header#main nav li:nth-of-type(9) {
      background-color: #dc3c5a; }
    header#main nav li:nth-of-type(10) {
      background-color: #e66432; }

header.mobile {
  width: 100%;
  display: none;
  height: 57px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  border-bottom: 2px solid black;
  background-color: white; }
  header.mobile section {
    position: relative; }
    header.mobile section p {
      color: black;
      width: 220px;
      margin: 0 25%;
      padding-top: 12px;
      font-size: 12px; }
    header.mobile section a.logo {
      display: block;
      right: 22px;
      top: 15px;
      position: absolute; }
    header.mobile section button#menu {
      border: none;
      outline: none;
      background-color: transparent;
      padding: 0;
      margin: 0;
      display: inline-block;
      position: absolute;
      top: 18px;
      left: 30px;
      width: 20px;
      height: 20px;
      background-size: 100%;
      background-repeat: no-repeat;
      background-image: url("../images/menu-btn.png"); }
  @media screen and (max-width: 680px) {
    header.mobile {
      display: block; } }

body.mobile-menu-open aside.mobile-menu {
  display: block; }

body.mobile-menu-open header.mobile section button#menu {
  background-image: url("../images/close-button.png"); }

aside.mobile-menu {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 82.52847%;
  display: none;
  border-right: 1px solid black;
  background-color: white;
  height: 100vh;
  padding: 0;
  position: fixed;
  z-index: 20; }
  aside.mobile-menu:last-child {
    margin-right: 0; }
  aside.mobile-menu nav ul {
    margin: 0 auto;
    padding-left: 0; }
    aside.mobile-menu nav ul li.intro {
      background-color: #bed230; }
    aside.mobile-menu nav ul li.letter {
      background-color: #66b245; }
    aside.mobile-menu nav ul li.impact-numbers {
      background-color: #009d77; }
    aside.mobile-menu nav ul li.conclusion {
      background-color: #e66432; }
    aside.mobile-menu nav ul li[data-sublink='imagine'], aside.mobile-menu nav ul li[data-link='imagine'] {
      background-color: #007aba; }
    aside.mobile-menu nav ul li[data-sublink='invest'], aside.mobile-menu nav ul li[data-link='invest'] {
      background-color: #645ae6; }
    aside.mobile-menu nav ul li[data-sublink='empower'], aside.mobile-menu nav ul li[data-link='empower'] {
      background-color: #a046de; }
    aside.mobile-menu nav ul li[data-sublink='support'], aside.mobile-menu nav ul li[data-link='support'] {
      background-color: #ce288c; }
    aside.mobile-menu nav ul li[data-sublink='family'], aside.mobile-menu nav ul li[data-link='family'] {
      background-color: #dc3c5a; }
    aside.mobile-menu nav ul li[data-sublink='financials'], aside.mobile-menu nav ul li[data-link='financials'] {
      background-color: #bb32aa; }
    aside.mobile-menu nav ul li[data-link] {
      position: relative;
      padding-left: 20px; }
      aside.mobile-menu nav ul li[data-link] button {
        position: absolute;
        margin-top: -10.5px;
        top: 50%;
        right: 20px; }
    aside.mobile-menu nav ul li[data-sublink] {
      display: none;
      border-top: 1px solid black; }
      aside.mobile-menu nav ul li[data-sublink].show {
        display: block; }
      aside.mobile-menu nav ul li[data-sublink] a {
        padding-left: 40px; }
    aside.mobile-menu nav ul li.open button {
      background-image: url("../images/minimize-button.png"); }
    aside.mobile-menu nav ul li {
      height: 40px;
      padding-right: 20px; }
      aside.mobile-menu nav ul li a {
        padding-left: 20px;
        display: block;
        height: 40px; }
      aside.mobile-menu nav ul li button {
        width: 21px;
        height: 21px;
        background-image: url("../images/expand-button.png");
        background-color: transparent;
        border: none;
        outline: none; }
      aside.mobile-menu nav ul li span, aside.mobile-menu nav ul li button {
        display: inline-block; }
      aside.mobile-menu nav ul li span, aside.mobile-menu nav ul li a {
        font-weight: 200;
        text-decoration: none;
        color: black;
        line-height: 40px; }
  aside.mobile-menu div.social {
    position: absolute;
    bottom: 100px;
    margin-left: 10px;
    z-index: -1; }
    aside.mobile-menu div.social a {
      width: 40px;
      height: 40px;
      display: inline-block;
      background-color: transparent;
      background-size: 100%;
      background-repeat: no-repeat;
      margin-left: 10px; }
    aside.mobile-menu div.social a:first-of-type {
      background-image: url("../images/fb-large.png"); }
    aside.mobile-menu div.social a:nth-of-type(2) {
      background-image: url("../images/twitter-large.png"); }

aside.video-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 90;
  background-color: rgba(0, 0, 0, 0.9); }
  aside.video-modal.show {
    display: block; }
  aside.video-modal > div {
    position: absolute;
    margin-top: 100px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    top: 0;
    left: 0;
    right: 0; }
    aside.video-modal > div div.video {
      margin: auto;
      height: 0px;
      max-width: 1120px;
      width: 90%; }
      aside.video-modal > div div.video iframe {
        margin: auto;
        float: right; }
    aside.video-modal > div div.close {
      position: relative;
      max-width: 1120px;
      width: 90%;
      height: 0px;
      margin: auto;
      top: -50px; }
      aside.video-modal > div div.close button {
        cursor: pointer;
        position: absolute;
        left: 100%;
        display: inline-block;
        background-color: transparent;
        border: none;
        outline: none;
        color: white;
        font-size: 40px; }
  @media screen and (max-width: 680px) {
    aside.video-modal {
      height: 100vh; }
      aside.video-modal > div div.close {
        width: 75%;
        height: 0px;
        margin: auto;
        top: -50px; }
        aside.video-modal > div div.close button {
          left: 100%; }
      aside.video-modal > div div.video {
        width: 75%; } }
  @media screen and (max-width: 960px) and (min-width: 681px) {
    aside.video-modal {
      height: 100vh; }
      aside.video-modal > div div.close {
        width: 75%;
        height: 0px;
        margin: auto;
        top: -50px; }
        aside.video-modal > div div.close button {
          left: 100%; }
      aside.video-modal > div div.video {
        width: 75%; } }

section#hope button.play {
  background-position: -0px -680px;
  background-size: 100%;
  width: 172px;
  height: 172px;
  margin-left: -68px;
  margin-top: -68px; }
  section#hope button.play:hover {
    background-position: -0px -510px;
    background-size: 100%;
    width: 172px;
    height: 172px;
    margin-left: -68px;
    margin-top: -68px; }

section#avondale button.play {
  background-position: -0px -680px;
  background-size: 100%;
  width: 172px;
  height: 172px;
  margin-left: -68px;
  margin-top: -68px; }
  section#avondale button.play:hover {
    background-position: -0px -340px;
    background-size: 100%;
    width: 172px;
    height: 172px;
    margin-left: -68px;
    margin-top: -68px; }

button.play {
  display: block;
  top: 50%;
  left: 50%;
  background-color: transparent;
  position: absolute;
  border: 0;
  outline: none;
  cursor: pointer; }

section.project {
  transform: translate3d(0, 0, 0); }
  section.project.layer {
    max-height: none;
    height: 100vh; }
  section.project button.play {
    display: none; }
  section.project.no-overlay button.play {
    display: block; }
  section.project div.content > div:first-of-type {
    padding-bottom: 60px; }
  section.project div.content > div:nth-of-type(2) {
    padding-bottom: 0; }
  section.project div.end-content-trigger {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    height: 1px;
    padding-bottom: 0; }
    section.project div.end-content-trigger:last-child {
      margin-right: 0; }
  section.project div.screen {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-right: 0;
    padding-bottom: 0; }
    section.project div.screen:last-child {
      margin-right: 0; }
    section.project div.screen > blockquote, section.project div.screen div.number div.text {
      opacity: 0; }
    section.project div.screen > div.number {
      margin-right: 0;
      margin-left: 8.5298%;
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%; }
      section.project div.screen > div.number:last-child {
        margin-right: 0; }
      section.project div.screen > div.number div.text {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%; }
        section.project div.screen > div.number div.text:last-child {
          margin-right: 0; }
      section.project div.screen > div.number svg {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%;
        margin-right: 0; }
        section.project div.screen > div.number svg:last-child {
          margin-right: 0; }
    section.project div.screen > blockquote {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 40.29137%;
      margin: 0; }
      section.project div.screen > blockquote:last-child {
        margin-right: 0; }
      section.project div.screen > blockquote p:first-of-type {
        font-size: 24px; }
      section.project div.screen > blockquote p:last-of-type {
        margin-top: 10px; }
        section.project div.screen > blockquote p:last-of-type span {
          font-family: 'Circular Book', sans-serif; }
      section.project div.screen > blockquote p {
        margin: 0; }
    section.project div.screen > div.description {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 65.88078%; }
      section.project div.screen > div.description:last-child {
        margin-right: 0; }
      section.project div.screen > div.description button.read-more, section.project div.screen > div.description button.read-less {
        font-size: 19px;
        color: white; }
      section.project div.screen > div.description.more .read-less {
        display: block; }
      section.project div.screen > div.description.more .read-more {
        display: none; }
      section.project div.screen > div.description.more > p {
        display: block; }
      section.project div.screen > div.description > p {
        display: none;
        font-size: 19px; }
      section.project div.screen > div.description > p.video-link {
        display: block;
        font-size: 19px; }
      section.project div.screen > div.description button.read-less {
        display: none; }
      section.project div.screen > div.description p.read-more, section.project div.screen > div.description button.read-more {
        display: block;
        font-size: 19px; }
      section.project div.screen > div.description button {
        font-size: 14px;
        padding-left: 0;
        margin-bottom: 40px; }
      section.project div.screen > div.description p:nth-of-type(-n+2) {
        margin-top: 0; }
      section.project div.screen > div.description p.read-more, section.project div.screen > div.description p:last-of-type {
        margin-bottom: 40px; }
    section.project div.screen > div.partners {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 23.23176%;
      margin-left: 8.5298%;
      margin-right: 0; }
      section.project div.screen > div.partners:last-child {
        margin-right: 0; }
      section.project div.screen > div.partners strong {
        font-size: 17px; }
      section.project div.screen > div.partners p {
        margin-top: 0; }
    section.project div.screen strong {
      margin-bottom: 0; }
  section.project div.scroll-container {
    height: auto; }
  section.project h1 {
    font-size: 60px;
    padding-top: 20%;
    margin-top: 0; }
  section.project p {
    font-size: 17px;
    line-height: 1.41; }

section.description.layer {
  height: 100vh;
  max-height: none; }

section#imagine div.content, section#empower div.content, section#invest div.content {
  margin-top: 30vh;
  margin-bottom: 0;
  height: 100vh; }
  section#imagine div.content h1, section#empower div.content h1, section#invest div.content h1 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    position: relative;
    line-height: 1; }
    section#imagine div.content h1:last-child, section#empower div.content h1:last-child, section#invest div.content h1:last-child {
      margin-right: 0; }
  section#imagine div.content > section, section#empower div.content > section, section#invest div.content > section {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    position: relative;
    height: 161px; }
    section#imagine div.content > section:last-child, section#empower div.content > section:last-child, section#invest div.content > section:last-child {
      margin-right: 0; }
    section#imagine div.content > section blockquote, section#empower div.content > section blockquote, section#invest div.content > section blockquote {
      right: 0;
      width: 33.333%; }
    section#imagine div.content > section div, section#imagine div.content > section blockquote, section#empower div.content > section div, section#empower div.content > section blockquote, section#invest div.content > section div, section#invest div.content > section blockquote {
      display: inline-block;
      position: absolute;
      bottom: 0;
      margin: 0;
      height: 100px; }
    section#imagine div.content > section div, section#empower div.content > section div, section#invest div.content > section div {
      width: 60.666%;
      left: 0; }
      section#imagine div.content > section div > p, section#empower div.content > section div > p, section#invest div.content > section div > p {
        font-size: 19px; }

section#intro div.content, section#conclusion div.content {
  margin: 20% auto;
  height: 254px;
  padding-top: 10px; }
  section#intro div.content h1, section#intro div.content > div, section#intro div.content blockquote, section#conclusion div.content h1, section#conclusion div.content > div, section#conclusion div.content blockquote {
    position: relative; }
  section#intro div.content > div, section#conclusion div.content > div {
    font-size: 14px; }

section.description div.content {
  margin: 180px auto;
  opacity: 0;
  height: 400px;
  position: relative;
  z-index: 999; }
  section.description div.content > div {
    right: 0; }
  section.description div.content h1, section.description div.content > div, section.description div.content blockquote {
    position: absolute; }
  section.description div.content h1 {
    top: 0; }
  section.description div.content > div {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%; }
    section.description div.content > div:last-child {
      margin-right: 0; }

section.description h1 {
  font-size: 110px;
  text-transform: uppercase; }

section.description blockquote {
  font-size: 24px;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
  margin-right: 0; }
  section.description blockquote:last-child {
    margin-right: 0; }

section.description p {
  color: black; }

section.description h1, section.description p, section.description blockquote {
  margin: 0;
  padding: 0; }

section.description.orange {
  color: #e66432;
  background-color: #e66432; }

section.description.blue {
  color: #007aba;
  background-color: #007aba; }

section.description.lime {
  color: #bed230;
  background-color: #bed230; }

section.description.red {
  color: #ce288c;
  background-color: #ce288c; }

section.description.orange-red {
  color: #dc3c5a;
  background-color: #dc3c5a; }

section.description.purple {
  color: #645ae6;
  background-color: #645ae6; }

section.description.violet {
  color: #a046de;
  background-color: #a046de; }

section.description.magenta {
  color: #bb32aa;
  background-color: #bb32aa; }

section.description div.content {
  z-index: 999; }

section.description div.overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 3999px;
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -o-transform: skew(-30deg);
  -ms-transform: skew(-30deg); }
  section.description div.overlay.white {
    background-color: #FFFFFF; }

@media screen and (max-width: 680px) {
  body {
    padding-top: 57px; }
    body section.layer {
      max-height: none; }
    body section.layer[data-category='images'] {
      height: 62.5vw;
      width: 100%;
      min-height: 0; }
    body div.scroll-container div.content div.screen div.description > button {
      font-size: 14px; }
    body #coco div.scroll-container div.content div.screen blockquote, body #coco div.scroll-container div.content div.screen div.number div.text p, body #coco div.scroll-container div.content div.screen div.description > button, body #hope div.scroll-container div.content div.screen blockquote, body #hope div.scroll-container div.content div.screen div.number div.text p, body #hope div.scroll-container div.content div.screen div.description > button {
      color: #a046de !important; }
    body #avondale div.scroll-container div.content div.screen div.description > button, body #sparcc div.scroll-container div.content div.screen div.description > button {
      font-size: 14px; }
    body #avondale div.scroll-container div.content div.screen blockquote, body #avondale div.scroll-container div.content div.screen div.number div.text p, body #avondale div.scroll-container div.content div.screen div.description > button, body #sparcc div.scroll-container div.content div.screen blockquote, body #sparcc div.scroll-container div.content div.screen div.number div.text p, body #sparcc div.scroll-container div.content div.screen div.description > button {
      color: #007aba !important; }
    body #remington div.scroll-container div.content div.screen blockquote, body #remington div.scroll-container div.content div.screen div.number div.text p, body #remington div.scroll-container div.content div.screen div.description > button, body #covina div.scroll-container div.content div.screen blockquote, body #covina div.scroll-container div.content div.screen div.number div.text p, body #covina div.scroll-container div.content div.screen div.description > button, body #bridge div.scroll-container div.content div.screen blockquote, body #bridge div.scroll-container div.content div.screen div.number div.text p, body #bridge div.scroll-container div.content div.screen div.description > button {
      color: #645ae6 !important; }
    body section#start {
      height: auto;
      background-color: white; }
      body section#start div.container {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        height: 60.9vw;
        position: relative;
        top: initial;
        left: initial;
        margin-top: 150px; }
        body section#start div.container:last-child {
          margin-right: 0; }
        body section#start div.container div.image img {
          top: 0;
          width: 100%; }
      body section#start div.content {
        height: 160px;
        position: absolute;
        top: 0;
        padding-left: 20px;
        padding-top: 20px;
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%; }
        body section#start div.content:last-child {
          margin-right: 0; }
        body section#start div.content div.titles {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 100%;
          height: auto;
          bottom: initial;
          position: relative; }
          body section#start div.content div.titles:last-child {
            margin-right: 0; }
          body section#start div.content div.titles h1 {
            text-shadow: black -4.5px 4.5px 0;
            font-size: 50px; }
    body section.project.layer {
      height: auto; }
    body section.project div.scroll-container {
      padding-bottom: 0; }
      body section.project div.scroll-container div.description > p.read-more {
        font-size: 14px; }
    body section.project div.content {
      padding: 20px; }
    body section.project div.screen > div.partners {
      margin-bottom: 40px; }
      body section.project div.screen > div.partners p, body section.project div.screen > div.partners strong {
        font-size: 14px; }
      body section.project div.screen > div.partners span {
        font-size: inherit; }
      body section.project div.screen > div.partners strong {
        display: inline; }
    body section.project div.screen > blockquote {
      line-height: 1.1; }
      body section.project div.screen > blockquote p:first-of-type {
        font-size: 22px; }
      body section.project div.screen > blockquote p {
        margin: 0 0 20px 0; }
    body section.project div.screen > div.number {
      margin-left: 12.79471%; }
      body section.project div.screen > div.number svg {
        display: none; }
      body section.project div.screen > div.number div.text {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 87.20529%; }
        body section.project div.screen > div.number div.text:last-child {
          margin-right: 0; }
        body section.project div.screen > div.number div.text p:first-of-type {
          font-size: 40px; }
        body section.project div.screen > div.number div.text p:last-of-type {
          font-size: 20px;
          line-height: 1.1; }
    body section.project div.screen > div.description.more .read-less {
      display: block; }
    body section.project div.screen > div.description.more .read-more {
      display: none; }
    body section.project div.screen > div.description.more > p {
      display: block; }
    body section.project div.screen > div.description > p {
      display: none; }
    body section.project div.screen > div.description button.read-less {
      display: none; }
    body section.project div.screen > div.description p.read-more, body section.project div.screen > div.description button.read-more {
      display: block; }
    body section.project div.screen > div.description p {
      font-size: 14px; }
    body section.project div.screen > div.description p.video-link {
      font-size: 14px; }
    body section.project div.screen > div.partners {
      margin-left: 0; }
    body section.project, body section#financials, body section#support, body section#family {
      background-color: white;
      position: relative;
      height: auto; }
      body section.project div.container, body section#financials div.container, body section#support div.container, body section#family div.container {
        height: 60.9vw; }
      body section.project div.scroll-container, body section#financials div.scroll-container, body section#support div.scroll-container, body section#family div.scroll-container {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        height: auto;
        margin: 0;
        overflow: hidden; }
        body section.project div.scroll-container:last-child, body section#financials div.scroll-container:last-child, body section#support div.scroll-container:last-child, body section#family div.scroll-container:last-child {
          margin-right: 0; }
        body section.project div.scroll-container div.content, body section#financials div.scroll-container div.content, body section#support div.scroll-container div.content, body section#family div.scroll-container div.content {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 100%;
          color: black;
          height: auto;
          overflow: hidden;
          position: relative;
          font-size: 14px; }
          body section.project div.scroll-container div.content:last-child, body section#financials div.scroll-container div.content:last-child, body section#support div.scroll-container div.content:last-child, body section#family div.scroll-container div.content:last-child {
            margin-right: 0; }
          body section.project div.scroll-container div.content div.screen, body section#financials div.scroll-container div.content div.screen, body section#support div.scroll-container div.content div.screen, body section#family div.scroll-container div.content div.screen {
            float: left;
            display: block;
            margin-right: 2.35765%;
            width: 100%;
            position: relative;
            padding-bottom: 20px; }
            body section.project div.scroll-container div.content div.screen:last-child, body section#financials div.scroll-container div.content div.screen:last-child, body section#support div.scroll-container div.content div.screen:last-child, body section#family div.scroll-container div.content div.screen:last-child {
              margin-right: 0; }
            body section.project div.scroll-container div.content div.screen h1, body section#financials div.scroll-container div.content div.screen h1, body section#support div.scroll-container div.content div.screen h1, body section#family div.scroll-container div.content div.screen h1 {
              padding-top: 0;
              margin-top: 10%;
              margin-bottom: 40%;
              line-height: 1;
              font-size: 32px;
              color: white;
              height: 64px;
              width: 250px; }
            body section.project div.scroll-container div.content div.screen blockquote, body section#financials div.scroll-container div.content div.screen blockquote, body section#support div.scroll-container div.content div.screen blockquote, body section#family div.scroll-container div.content div.screen blockquote {
              float: left;
              display: block;
              margin-right: 2.35765%;
              width: 100%;
              opacity: 1; }
              body section.project div.scroll-container div.content div.screen blockquote:last-child, body section#financials div.scroll-container div.content div.screen blockquote:last-child, body section#support div.scroll-container div.content div.screen blockquote:last-child, body section#family div.scroll-container div.content div.screen blockquote:last-child {
                margin-right: 0; }
            body section.project div.scroll-container div.content div.screen div.text, body section#financials div.scroll-container div.content div.screen div.text, body section#support div.scroll-container div.content div.screen div.text, body section#family div.scroll-container div.content div.screen div.text {
              opacity: 1; }
            body section.project div.scroll-container div.content div.screen > div, body section#financials div.scroll-container div.content div.screen > div, body section#support div.scroll-container div.content div.screen > div, body section#family div.scroll-container div.content div.screen > div {
              height: auto;
              float: left;
              display: block;
              margin-right: 2.35765%;
              width: 100%; }
              body section.project div.scroll-container div.content div.screen > div:last-child, body section#financials div.scroll-container div.content div.screen > div:last-child, body section#support div.scroll-container div.content div.screen > div:last-child, body section#family div.scroll-container div.content div.screen > div:last-child {
                margin-right: 0; }
    body section#imagine.description > div.content h1, body section#empower.description > div.content h1, body section#invest.description > div.content h1 {
      margin: 0 auto 20px;
      font-size: 50px; }
    body section#imagine.description > div.content section, body section#empower.description > div.content section, body section#invest.description > div.content section {
      height: auto; }
      body section#imagine.description > div.content section p, body section#empower.description > div.content section p, body section#invest.description > div.content section p {
        margin-bottom: 30px;
        font-size: 14px; }
      body section#imagine.description > div.content section blockquote, body section#empower.description > div.content section blockquote, body section#invest.description > div.content section blockquote {
        font-size: 22px;
        line-height: 1.1; }
      body section#imagine.description > div.content section div, body section#imagine.description > div.content section p, body section#imagine.description > div.content section blockquote, body section#empower.description > div.content section div, body section#empower.description > div.content section p, body section#empower.description > div.content section blockquote, body section#invest.description > div.content section div, body section#invest.description > div.content section p, body section#invest.description > div.content section blockquote {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        height: auto; }
        body section#imagine.description > div.content section div:last-child, body section#imagine.description > div.content section p:last-child, body section#imagine.description > div.content section blockquote:last-child, body section#empower.description > div.content section div:last-child, body section#empower.description > div.content section p:last-child, body section#empower.description > div.content section blockquote:last-child, body section#invest.description > div.content section div:last-child, body section#invest.description > div.content section p:last-child, body section#invest.description > div.content section blockquote:last-child {
          margin-right: 0; }
      body section#imagine.description > div.content section > *, body section#empower.description > div.content section > *, body section#invest.description > div.content section > * {
        position: relative;
        top: initial;
        bottom: initial;
        left: initial;
        right: initial; }
    body section#imagine.description,
    body section#conclusion,
    body section#intro.description,
    body section#invest.description,
    body section#empower.description {
      height: auto;
      color: white; }
      body section#imagine.description > div.content,
      body section#conclusion > div.content,
      body section#intro.description > div.content,
      body section#invest.description > div.content,
      body section#empower.description > div.content {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        height: auto;
        margin-top: 0;
        margin-bottom: 0;
        opacity: 1;
        color: white;
        padding: 40px 20px 50px; }
        body section#imagine.description > div.content:last-child,
        body section#conclusion > div.content:last-child,
        body section#intro.description > div.content:last-child,
        body section#invest.description > div.content:last-child,
        body section#empower.description > div.content:last-child {
          margin-right: 0; }
        body section#imagine.description > div.content blockquote:first-of-type,
        body section#conclusion > div.content blockquote:first-of-type,
        body section#intro.description > div.content blockquote:first-of-type,
        body section#invest.description > div.content blockquote:first-of-type,
        body section#empower.description > div.content blockquote:first-of-type {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 100%;
          color: white;
          line-height: 1.1; }
          body section#imagine.description > div.content blockquote:first-of-type:last-child,
          body section#conclusion > div.content blockquote:first-of-type:last-child,
          body section#intro.description > div.content blockquote:first-of-type:last-child,
          body section#invest.description > div.content blockquote:first-of-type:last-child,
          body section#empower.description > div.content blockquote:first-of-type:last-child {
            margin-right: 0; }
        body section#imagine.description > div.content > div,
        body section#conclusion > div.content > div,
        body section#intro.description > div.content > div,
        body section#invest.description > div.content > div,
        body section#empower.description > div.content > div {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 100%;
          margin-left: 0; }
          body section#imagine.description > div.content > div:last-child,
          body section#conclusion > div.content > div:last-child,
          body section#intro.description > div.content > div:last-child,
          body section#invest.description > div.content > div:last-child,
          body section#empower.description > div.content > div:last-child {
            margin-right: 0; }
          body section#imagine.description > div.content > div p,
          body section#conclusion > div.content > div p,
          body section#intro.description > div.content > div p,
          body section#invest.description > div.content > div p,
          body section#empower.description > div.content > div p {
            margin-top: 30px; }
    body section#letter.layer {
      padding-top: 0;
      height: auto;
      background-color: white; }
      body section#letter.layer button.read-more, body section#letter.layer button.read-less {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        text-align: left; }
        body section#letter.layer button.read-more:last-child, body section#letter.layer button.read-less:last-child {
          margin-right: 0; }
      body section#letter.layer p.read-more, body section#letter.layer button.read-more {
        margin-top: 20px;
        display: block; }
      body section#letter.layer p, body section#letter.layer button.read-less {
        display: none; }
      body section#letter.layer aside {
        position: relative;
        top: initial;
        left: initial;
        display: block;
        float: left; }
      body section#letter.layer div.scroll-container {
        padding: 0;
        overflow: hidden;
        height: auto;
        z-index: 1;
        background-color: transparent; }
      body section#letter.layer div.title {
        height: 60.9vw;
        margin-bottom: 0; }
        body section#letter.layer div.title h1 {
          font-size: 32px;
          line-height: 1;
          padding: 20px; }
      body section#letter.layer div.body {
        height: auto;
        padding: 0;
        margin-bottom: 0;
        border-bottom: none;
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%; }
        body section#letter.layer div.body:last-child {
          margin-right: 0; }
        body section#letter.layer div.body > div {
          height: auto;
          padding: 0; }
          body section#letter.layer div.body > div section {
            padding: 20px;
            height: auto;
            width: 100%; }
            body section#letter.layer div.body > div section button.read-more {
              margin-bottom: 20px; }
            body section#letter.layer div.body > div section button.read-less {
              margin-top: 30px;
              margin-bottom: 30px; }
            body section#letter.layer div.body > div section p, body section#letter.layer div.body > div section p.read-more {
              margin: 10px auto 0; }
            body section#letter.layer div.body > div section.more p.read-more, body section#letter.layer div.body > div section.more button.read-more {
              display: none; }
            body section#letter.layer div.body > div section.more p, body section#letter.layer div.body > div section.more button.read-less {
              display: block; }
            body section#letter.layer div.body > div section.more p.signature {
              display: block; }
            body section#letter.layer div.body > div section p {
              font-size: 14px; }
            body section#letter.layer div.body > div section p.signature {
              float: left;
              display: block;
              margin-right: 2.35765%;
              width: 48.82117%;
              display: none; }
              body section#letter.layer div.body > div section p.signature:last-child {
                margin-right: 0; }
          body section#letter.layer div.body > div aside {
            margin-top: 10px;
            position: relative;
            width: 100%;
            top: initial;
            right: initial; }
    body section#family h1 {
      background-color: #dc3c5a;
      color: white; }
    body section#family ul {
      padding: 20px;
      background-color: white; }
      body section#family ul li {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        margin-bottom: 10px; }
        body section#family ul li:last-child {
          margin-right: 0; }
    body section#support h1 {
      background-color: #ce288c;
      color: white; }
    body section#support ul {
      padding: 20px; }
      body section#support ul li {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        margin-bottom: 10px; }
        body section#support ul li:last-child {
          margin-right: 0; }
    body section#conclusion {
      background-color: white; }
      body section#conclusion div.content {
        padding: 0;
        position: relative;
        height: 875px; }
      body section#conclusion div.content > div.logo {
        width: 250px;
        left: 50%;
        margin-left: -125px;
        height: 100px;
        position: absolute;
        bottom: 100px;
        text-align: center; }
      body section#conclusion div.social {
        height: 100px;
        position: absolute;
        bottom: 0;
        text-align: center; }
        body section#conclusion div.social a {
          width: 50px;
          height: 50px;
          margin-right: 5px; }
      body section#conclusion div.summary {
        position: absolute;
        top: 0;
        margin-right: 0 !important; }
        body section#conclusion div.summary div.text {
          padding: 20px 30px;
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 100%; }
          body section#conclusion div.summary div.text:last-child {
            margin-right: 0; }
      body section#conclusion blockquote {
        padding: 10% 30px 40%;
        margin: 0;
        font-size: 32px;
        line-height: 1; }
      body section#conclusion h1, body section#conclusion blockquote {
        background-color: #e66432;
        color: white; }
    body section#financials h1 {
      background-color: #bb32aa;
      color: white; }
    body section#financials div.content table tr:last-of-type {
      border-bottom: 1px solid white; }
    body section#financials div.content table.twenty-sixteen tbody tr td:nth-child(2) {
      display: block; }
    body section#financials div.content table.twenty-fifteen tbody tr td:nth-child(3) {
      display: block; }
    body section#financials div.content table.twenty-fourteen tbody tr td:nth-child(4) {
      display: block; }
    body section#financials div.content table thead tr {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%;
      border: none;
      height: auto; }
      body section#financials div.content table thead tr th.active {
        background-color: #bb32aa;
        color: white; }
      body section#financials div.content table thead tr:last-child {
        margin-right: 0; }
      body section#financials div.content table thead tr th:first-of-type {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        border: none;
        padding-right: 0; }
        body section#financials div.content table thead tr th:first-of-type:last-child {
          margin-right: 0; }
      body section#financials div.content table thead tr th:nth-child(n+2) {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 33.29693%;
        margin-right: 0;
        height: 55px;
        text-align: center;
        line-height: 55px;
        border-top: 1px solid #bb32aa;
        border-left: 1px solid #bb32aa;
        border-bottom: 1px solid #bb32aa;
        border-right: none;
        padding: 0; }
        body section#financials div.content table thead tr th:nth-child(n+2):last-child {
          margin-right: 0; }
    body section#financials div.content table tbody tr {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%; }
      body section#financials div.content table tbody tr:last-child {
        margin-right: 0; }
      body section#financials div.content table tbody tr td {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%; }
        body section#financials div.content table tbody tr td:last-child {
          margin-right: 0; }
      body section#financials div.content table tbody tr td:nth-child(n+2) {
        display: none;
        margin-right: 0; }
    body section#financials tr {
      height: 60px; }
    body section#financials h1, body section#support h1, body section#family h1 {
      padding: 10% 20px 40%;
      margin: 0;
      font-size: 32px;
      line-height: 1; }
    body section#financials div.scroll-container, body section#support div.scroll-container, body section#family div.scroll-container {
      padding-bottom: 0; }
    body section#impact-numbers {
      height: 900px;
      padding-top: 60.9%;
      background-color: white;
      margin-top: -5px; }
      body section#impact-numbers div.container {
        height: 60.9vw; }
      body section#impact-numbers div.content {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0 20px;
        margin-top: 0;
        height: auto; }
        body section#impact-numbers div.content:last-child {
          margin-right: 0; }
        body section#impact-numbers div.content div.numbers {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 100%;
          height: auto;
          margin-top: 390px; }
          body section#impact-numbers div.content div.numbers:last-child {
            margin-right: 0; }
          body section#impact-numbers div.content div.numbers div.number {
            height: 153px;
            width: 100%;
            color: #009d77; }
            body section#impact-numbers div.content div.numbers div.number div.text {
              opacity: 1; }
              body section#impact-numbers div.content div.numbers div.number div.text p {
                color: #009d77; }
        body section#impact-numbers div.content div.desc {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 100%;
          margin-left: -102.35765%;
          opacity: 1; }
          body section#impact-numbers div.content div.desc:last-child {
            margin-right: 0; }
          body section#impact-numbers div.content div.desc h1 {
            font-size: 32px;
            margin-bottom: 55%; }
          body section#impact-numbers div.content div.desc p {
            color: black;
            font-size: 14px; } }

@media screen and (max-width: 960px) and (min-width: 681px) {
  section#imagine.description, section#empower.description, section#invest.description {
    height: 442.5px; }
    section#imagine.description div.content, section#empower.description div.content, section#invest.description div.content {
      margin-top: 81.5px;
      margin-bottom: 90px; }
      section#imagine.description div.content section > div > p, section#empower.description div.content section > div > p, section#invest.description div.content section > div > p {
        font-size: 17px; }
  section.project.layer {
    height: 100vh; }
  section.project div.content > div:first-of-type {
    padding-bottom: 60px; }
  section.project div.screen h1 {
    padding-top: 10%; }
  section.project div.screen div.number svg {
    display: none; } }

section.financials.layer {
  height: auto;
  max-height: none;
  background-color: white;
  color: black; }
  section.financials.layer div.scroll-container {
    overflow: hidden;
    height: 100%;
    margin-top: 100px;
    padding-bottom: 225px; }
    section.financials.layer div.scroll-container.scroll-content {
      overflow: scroll; }
  section.financials.layer h1 {
    color: #bb32aa;
    font-size: 60px;
    line-height: 1; }
  section.financials.layer tr {
    height: 45px; }
  section.financials.layer tr.diag-pattern {
    color: white;
    background-size: 100px 100px;
    background: repeating-linear-gradient(-60deg, #f1d6ee, #f1d6ee 2px, white 2px, #f1d6ee 4px);
    height: 60px; }
    section.financials.layer tr.diag-pattern td {
      border: none;
      padding: 30px 0 0; }
  section.financials.layer table {
    padding-bottom: 75px;
    border-collapse: collapse;
    width: 100%; }
  section.financials.layer table:nth-of-type(odd) thead tr:first-of-type {
    border-bottom: 1px solid #bb32aa;
    height: 100%;
    color: #bb32aa; }
    section.financials.layer table:nth-of-type(odd) thead tr:first-of-type th {
      border-right: 1px solid #bb32aa; }
  section.financials.layer table:last-of-type {
    border-top: 1px solid #bb32aa; }
  section.financials.layer thead tr:last-of-type th {
    padding: 15px 10px; }
  section.financials.layer thead th {
    width: 24.44444%;
    text-align: right;
    padding: 10px; }
  section.financials.layer thead th:first-of-type {
    width: 26.666666%;
    text-align: left; }
  section.financials.layer tbody {
    border-color: white; }
    section.financials.layer tbody tr:nth-of-type(odd) {
      background-color: #e4addd; }
    section.financials.layer tbody tr:last-of-type {
      color: white;
      background-color: #bb32aa; }
    section.financials.layer tbody tr {
      background-color: #f1d6ee;
      border-top: 1px solid white; }
      section.financials.layer tbody tr td {
        width: 24.44444%;
        border-right: 1px solid white;
        height: 100%;
        text-align: right;
        vertical-align: middle;
        padding: 11.5px; }
      section.financials.layer tbody tr td:first-of-type {
        width: 26.66666%;
        text-align: left; }

section#letter.layer {
  transform: translate3d(0, 0, 0);
  min-height: 100vh;
  max-height: none;
  overflow: hidden; }
  section#letter.layer div.container div.image {
    position: relative;
    height: 100%;
    width: 100%; }
    section#letter.layer div.container div.image img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      height: 100%;
      width: auto; }
  section#letter.layer aside {
    position: absolute;
    top: 50px;
    right: 50px;
    width: 329px; }
    section#letter.layer aside img {
      width: 100%; }
  section#letter.layer .read-less, section#letter.layer .read-more {
    display: none; }
  section#letter.layer div.scroll-container {
    overflow: hidden;
    height: auto;
    padding-top: 100px;
    z-index: 1; }
  section#letter.layer div.title {
    background-color: transparent;
    color: white;
    margin-bottom: 40px; }
    section#letter.layer div.title h1 {
      margin: 0; }
  section#letter.layer div.body {
    height: 90%;
    overflow: hidden;
    position: relative;
    background-color: white;
    color: black;
    padding: 50px; }
    section#letter.layer div.body ::-webkit-scrollbar {
      display: none; }
    section#letter.layer div.body section > div {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%;
      vertical-align: bottom; }
      section#letter.layer div.body section > div:last-child {
        margin-right: 0; }
      section#letter.layer div.body section > div p.signature {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%;
        margin-bottom: 0; }
        section#letter.layer div.body section > div p.signature img {
          height: 50px;
          width: auto; }
        section#letter.layer div.body section > div p.signature:last-child {
          margin-right: 0; }
    section#letter.layer div.body button {
      font-size: 14px;
      padding-left: 0;
      margin-bottom: 40px; }
    section#letter.layer div.body > div {
      height: 600px;
      padding-bottom: 300px;
      margin: 0;
      padding-right: 0; }
    section#letter.layer div.body p {
      line-height: 1.44; }
    section#letter.layer div.body section {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 57.35098%; }
      section#letter.layer div.body section:last-child {
        margin-right: 0; }
      section#letter.layer div.body section p {
        margin-top: 0; }

@media screen and (max-width: 680px) {
  section#letter div.content.body {
    font-size: 14px; }
    section#letter div.content.body > div > section.more .read-less {
      display: block; }
    section#letter div.content.body > div > section.more .read-more {
      display: none; }
    section#letter div.content.body > div > section.more > p {
      display: block;
      margin-bottom: 30px; }
    section#letter div.content.body > div > section > p {
      display: none; }
    section#letter div.content.body > div > section button {
      margin-bottom: 0; }
    section#letter div.content.body > div > section button.read-less {
      display: none; }
    section#letter div.content.body > div > section p.read-more, section#letter div.content.body > div > section button.read-more {
      display: block; } }

section.family.layer {
  height: auto;
  max-height: none;
  background-color: white;
  padding-bottom: 105px;
  color: black; }
  section.family.layer div.scroll-container {
    margin-top: 100px;
    padding-bottom: 225px; }
  section.family.layer div.content ul {
    padding: 0; }
    section.family.layer div.content ul p {
      margin: 0; }
  section.family.layer div.content > ul li {
    margin-bottom: 30px; }
  section.family.layer div.content ul.row {
    display: block; }
    section.family.layer div.content ul.row::after {
      clear: both;
      content: "";
      display: block; }
    section.family.layer div.content ul.row li {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 31.76157%; }
      section.family.layer div.content ul.row li:last-child {
        margin-right: 0; }
      section.family.layer div.content ul.row li:nth-child(3n) {
        margin-right: 0; }
      section.family.layer div.content ul.row li:nth-child(3n+1) {
        clear: left; }
  section.family.layer div.content > ul.board {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
    section.family.layer div.content > ul.board:last-child {
      margin-right: 0; }
    section.family.layer div.content > ul.board li {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 31.76157%; }
      section.family.layer div.content > ul.board li:last-child {
        margin-right: 0; }
      section.family.layer div.content > ul.board li ul, section.family.layer div.content > ul.board li li {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%; }
        section.family.layer div.content > ul.board li ul:last-child, section.family.layer div.content > ul.board li li:last-child {
          margin-right: 0; }
  section.family.layer ul {
    list-style-type: none; }
  section.family.layer div.scroll-container {
    overflow: hidden;
    height: 100%; }
    section.family.layer div.scroll-container.scroll-content {
      overflow: scroll; }
  section.family.layer h1 {
    color: #dc3c5a;
    font-size: 60px;
    line-height: 1;
    float: left; }

section.support.layer {
  height: auto;
  max-height: none;
  background-color: white;
  color: black; }
  section.support.layer div.scroll-container {
    margin-top: 100px;
    padding-bottom: 225px; }
  section.support.layer div.content ul {
    padding: 0; }
    section.support.layer div.content ul p {
      margin: 0; }
  section.support.layer div.content > ul li {
    margin-bottom: 30px; }
  section.support.layer div.content ul.row {
    display: block; }
    section.support.layer div.content ul.row::after {
      clear: both;
      content: "";
      display: block; }
    section.support.layer div.content ul.row li {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 31.76157%; }
      section.support.layer div.content ul.row li:last-child {
        margin-right: 0; }
      section.support.layer div.content ul.row li:nth-child(3n) {
        margin-right: 0; }
      section.support.layer div.content ul.row li:nth-child(3n+1) {
        clear: left; }
  section.support.layer ul {
    list-style-type: none; }
  section.support.layer div.scroll-container {
    overflow: hidden;
    height: 100%; }
    section.support.layer div.scroll-container.scroll-content {
      overflow: scroll; }
  section.support.layer h1 {
    color: #ce288c;
    font-size: 60px;
    line-height: 1; }

@media screen and (min-width: 1270px) {
  section#start.layer div.container div.image img {
    top: 0; }
  section.layer#avondale-photo-2 {
    background-color: white;
    max-height: none;
    height: 100vh; }
    section.layer#avondale-photo-2 div.image {
      text-align: center;
      height: 100%; }
      section.layer#avondale-photo-2 div.image img {
        position: relative;
        height: 100%;
        width: auto;
        margin-right: auto;
        margin-left: auto;
        top: initial;
        right: initial;
        left: initial;
        bottom: initial; } }

html {
  height: 100%; }

html.ieedge {
  overflow: hidden; }

body {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  margin-top: 0;
  font-family: 'Circular Book', sans-serif;
  color: white; }
  body::after {
    clear: both;
    content: "";
    display: block; }
  body div.content {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto; }
    body div.content::after {
      clear: both;
      content: "";
      display: block; }
    body div.content a {
      color: inherit; }

section.layer > div.container {
  z-index: -1; }

section#intro div.content blockquote {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 23.23176%; }
  section#intro div.content blockquote:last-child {
    margin-right: 0; }

section#intro div.content > div {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  margin-left: 4.2649%; }
  section#intro div.content > div:last-child {
    margin-right: 0; }
  section#intro div.content > div p {
    line-height: 1.44;
    font-size: 17px; }

section#start {
  height: 100vh;
  max-height: none; }
  section#start div.container div.image {
    position: relative;
    height: 100%;
    width: 100%; }
    section#start div.container div.image img {
      position: absolute;
      top: -50px;
      left: 0;
      right: 0;
      bottom: 0;
      min-height: 100%;
      width: initial;
      min-width: 100%; }
  section#start div.content {
    position: relative;
    height: 100%; }
    section#start div.content div.titles {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%;
      position: absolute;
      bottom: 20px;
      left: 0; }
      section#start div.content div.titles:last-child {
        margin-right: 0; }
  section#start h1 {
    color: black;
    text-transform: uppercase;
    font-size: 110px;
    text-shadow: black -9px 9px 0;
    margin: 0px;
    padding: 0;
    line-height: 1; }
  section#start h1:first-of-type {
    color: #007aba; }
  section#start h1:nth-of-type(2) {
    color: #645ae6; }
  section#start h1:last-of-type {
    color: #a046de; }

section.layer[data-category='images'] {
  min-height: 100vh;
  overflow: hidden;
  position: relative;
  max-height: none; }
  section.layer[data-category='images'] div.container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%; }
  section.layer[data-category='images'] div.image {
    position: relative;
    height: 100%;
    width: 100%; }
    section.layer[data-category='images'] div.image img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      height: 100%;
      width: auto; }

section.layer {
  margin: 0;
  max-height: 800px;
  height: 62.5vw;
  background-color: #cccccc;
  position: relative;
  z-index: 8;
  overflow: hidden; }
  section.layer div.container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1; }
  section.layer div.image {
    position: relative;
    width: auto;
    height: 100%; }
    section.layer div.image img {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      height: auto;
      min-height: 0;
      width: 100%; }

section#impact-numbers {
  min-height: 100vh;
  color: white; }
  section#impact-numbers h1 {
    width: 100%;
    font-size: 60px;
    margin-bottom: 0; }
  section#impact-numbers div.content {
    margin-top: 13%;
    padding-top: 108px; }
  section#impact-numbers div.image {
    position: relative;
    width: auto;
    height: 100%; }
    section#impact-numbers div.image img {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      height: 100%;
      min-height: 100%;
      width: initial;
      min-width: 100%; }
  section#impact-numbers div.desc {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%;
    opacity: 0; }
    section#impact-numbers div.desc:last-child {
      margin-right: 0; }
    section#impact-numbers div.desc p {
      font-family: 'Circular Book', sans-serif;
      font-weight: 200; }
  section#impact-numbers div.container {
    z-index: -1; }
  section#impact-numbers div.numbers {
    z-index: 1;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    z-index: 999;
    height: 200px; }
    section#impact-numbers div.numbers:last-child {
      margin-right: 0; }

div.number {
  float: left;
  width: 300px;
  height: 200px; }
  div.number > * {
    float: left; }
  div.number svg {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%;
    display: inline-block; }
    div.number svg:last-child {
      margin-right: 0; }
  div.number div.text {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%;
    display: inline-block;
    opacity: 0; }
    div.number div.text:last-child {
      margin-right: 0; }
    div.number div.text p {
      margin: 0;
      color: white; }
    div.number div.text p:first-of-type {
      font-size: 50px; }
    div.number div.text p:nth-of-type(2) {
      font-size: 30px;
      text-transform: uppercase; }
    div.number div.text p:last-of-type {
      font-size: 17px; }

section.color-mask div.image {
  height: 100%;
  width: 100%;
  position: relative; }
  section.color-mask div.image svg:nth-of-type(2) {
    z-index: 10; }
  section.color-mask div.image svg:first-of-type {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1; }

section#conclusion div.logo {
  width: 224px;
  margin-left: 34.11922%;
  margin-bottom: 20px; }
  section#conclusion div.logo img {
    width: 100%;
    height: auto; }

section#conclusion blockquote {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%; }
  section#conclusion blockquote:last-child {
    margin-right: 0; }

section#conclusion div.summary, section#conclusion div.social {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%; }
  section#conclusion div.summary:last-child, section#conclusion div.social:last-child {
    margin-right: 0; }

section#conclusion div.text {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 57.35098%;
  margin-right: 0;
  font-size: 19px; }
  section#conclusion div.text:last-child {
    margin-right: 0; }

section#conclusion div.social {
  margin-left: 34.11922%;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 57.35098%;
  margin-top: 40px; }
  section#conclusion div.social:last-child {
    margin-right: 0; }
  section#conclusion div.social a {
    width: 83px;
    height: 83px;
    display: inline-block;
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 20px; }
  section#conclusion div.social a:first-of-type {
    background-image: url("../images/fb-large.png"); }
  section#conclusion div.social a:nth-of-type(2) {
    background-image: url("../images/twitter-large.png"); }
  section#conclusion div.social a:nth-of-type(3) {
    background-image: url("../images/youtube-large.png"); }
  section#conclusion div.social a:nth-of-type(4) {
    background-image: url("../images/linkedin.png"); }

@media screen and (max-width: 960px) and (min-width: 681px) {
  body section.layer {
    background-color: white !important; }
  body section.family.layer {
    padding-bottom: 0; }
    body section.family.layer div.scroll-container {
      padding-bottom: 0px; }
  body section.layer#letter {
    padding-top: 75px;
    position: relative;
    height: 100vh; }
    body section.layer#letter aside {
      width: 30%;
      max-width: 329px; }
    body section.layer#letter div.content.body {
      padding: 50px;
      border-bottom: 50px solid white;
      height: 325px;
      margin-bottom: 0;
      position: absolute;
      bottom: 0;
      right: 0;
      left: 0;
      margin-left: auto;
      margin-right: auto; }
  body section.description h1 {
    font-size: 55px; }
  body section.project h1 {
    font-size: 45px; }
  body section#start h1 {
    font-size: 55px;
    text-shadow: black -4.5px 4.5px 0; }
  body section.project div.screen blockquote {
    margin-bottom: 40px; }
  body section.project div.screen div.partners, body section.project div.screen div.description, body section.project div.screen blockquote, body section.project div.screen div.number {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-left: 0%; }
    body section.project div.screen div.partners:last-child, body section.project div.screen div.description:last-child, body section.project div.screen blockquote:last-child, body section.project div.screen div.number:last-child {
      margin-right: 0; }
  body div.content {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto; }
    body div.content::after {
      clear: both;
      content: "";
      display: block; }
  body header#main div.brand p {
    width: 80%; }
    body header#main div.brand p strong, body header#main div.brand p span {
      display: none; }
  body section#impact-numbers div.content {
    margin-top: 0; }
  body section#impact-numbers h1 {
    margin-top: 0; }
  body section#impact-numbers div.desc {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
    body section#impact-numbers div.desc:last-child {
      margin-right: 0; }
  body section#impact-numbers div.number {
    float: left;
    width: 33.333%;
    height: 80%; }
  body section#conclusion div.content {
    margin-top: 90px; }
  body section#conclusion div.social a {
    width: 50px; } }

section[data-section='invest'] button.read-more, section[data-section='invest'] button.read-less {
  color: #645ae6; }

section[data-section='empower'] button.read-more, section[data-section='empower'] button.read-less {
  color: #a046de; }

section[data-section='imagine'] button.read-more, section[data-section='imagine'] button.read-less {
  color: #007aba; }

section#letter button.read-more, section#letter button.read-less {
  color: #66b245; }

button.read-more, button.read-less {
  border: 0;
  background-color: transparent;
  outline: none; }