@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Permanent+Marker&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Permanent+Marker&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Permanent+Marker&display=swap");
.c-primary { color: #04446b; }

.c-secondary { color: #7bb0e9; }

.c-orange { color: #f4a261; }

.c-teal { color: #2a9d8f; }

.c-yellow { color: #e9c46a; }

.c-primary { color: #04446b; }

.c-secondary { color: #7bb0e9; }

.c-orange { color: #f4a261; }

.c-teal { color: #2a9d8f; }

.c-yellow { color: #e9c46a; }

.btn--primary { padding: 1.875em 1.5625em; background: #04446b; outline: 0; border: 2px solid transparent; border-radius: 10px; font-size: 0.875em; font-weight: 700; text-transform: uppercase; color: #fff; letter-spacing: 6px; cursor: pointer; transition: 0.1s all ease-in; }

.btn--primary:hover { background: #033452; }

@media (min-width: 900px) { .btn--primary { padding: 1.5625em 1.875em; } }

.btn--primary:hover { background: #033452; }

.btn--secondary { padding: 1.875em 1.5625em; background: transparent; outline: 0; border: 2px solid transparent; border-radius: 10px; font-size: 0.875em; font-weight: 700; text-transform: uppercase; color: #04446b; letter-spacing: 6px; cursor: pointer; transition: 0.1s all ease-in; border-color: #04446b; }

.btn--secondary:hover { background: rgba(0, 0, 0, 0); }

@media (min-width: 900px) { .btn--secondary { padding: 1.5625em 1.875em; } }

.btn--secondary:hover { border-color: #033452; }

.c-primary { color: #04446b; }

.c-secondary { color: #7bb0e9; }

.c-orange { color: #f4a261; }

.c-teal { color: #2a9d8f; }

.c-yellow { color: #e9c46a; }

.modal-viewport { display: none; overflow: hidden; justify-content: center; align-items: center; position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); }

.modal-viewport--open { display: flex; }

.modal { overflow: hidden; display: flex; position: relative; z-index: 2000; background: #fff; width: 100%; height: 600px; }

@media (min-width: 900px) { .modal { width: 75vh; height: auto; max-height: 600px; } }

.modal__close-btn { display: flex; justify-content: center; align-items: center; cursor: pointer; position: absolute; top: 25px; right: 25px; width: 40px; height: 40px; background: rgba(192, 192, 192, 0.25); border-radius: 100%; color: #c0c0c0; }

.modal__close-btn:hover { color: #04446b; }

.modal__container { position: relative; overflow-y: scroll; width: 100%; padding: 30px; }

.modal__title { margin: 0; padding: 0; font-size: 3em; color: #000; font-weight: 300; line-height: 1.2; padding: 5px 0; color: #04446b; }

.modal__title--primary { color: #04446b; }

.modal__title--teal { color: #2a9d8f; }

.modal__title--orange { color: #f4a261; }

.modal__subtitle { margin: 0; padding: 0; font-size: 1.25em; font-weight: 300; line-height: 1.5; font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px; }

.modal__copy { padding-top: 25px; }

.modal__copy p { margin-bottom: 1.5em; line-height: 1.5; color: #414141; }

.html, .body { min-height: 100%; }

@media (min-width: 900px) { .header { height: 100vh; min-height: 900px; } }

.header-bg { display: none; position: relative; height: 40vh; min-height: 900px; }

.header-bg__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("/assets/images/header_bg@2x.jpg") no-repeat center; background-size: cover; }

@media (min-width: 900px) { .header-bg { display: block; height: 100vh; } }

.header-copy { min-height: 100vh; position: relative; display: flex; justify-content: center; align-items: center; padding: 3.125em 6.25em; background: url("/assets/images/header_copy_bg@2x.jpg") no-repeat center; background-size: cover; }

.header-copy__circle { display: none; position: absolute; }

.header-copy__title-wrapper { position: relative; }

.header-copy__title-shadow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.header-copy__title { margin: 0; padding: 0; font-size: 3em; color: #000; font-weight: 300; line-height: 1.2; font-size: 3.75em; margin-bottom: 0.625em; }

.header-copy__title--faded { opacity: 0.3; }

.header-copy__subtitle { margin: 0; padding: 0; font-size: 1.25em; font-weight: 300; line-height: 1.5; max-width: 70%; margin-bottom: 2.8125em; }

.header-copy__actions { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; }

.header-copy__actions a { display: inline-block; width: 100%; margin: 0.625em 0; }

.header-copy__actions .btn { width: 100%; }

@media (min-width: 900px) { .header-copy { padding: 7.8125em 3.125em 3.125em 3.125em; justify-content: space-evenly; height: 100%; padding: 3.75em 2.8125em; background: #f6f3ec; background: url("/assets/images/header_copy_bg@2x.jpg") no-repeat center; background-size: cover; } .header-copy__title { font-size: 3.75em; } .header-copy__circle { display: block; } .header-copy__circle--orange { top: -50px; right: -50px; width: 200px; height: 200px; animation-delay: 0.5s; } .header-copy__circle--green { display: none; top: 10px; left: -50px; width: 90px; height: 90px; animation-delay: 0.75s; } .header-copy__circle--light-blue { bottom: 25px; right: 25px; width: 75px; height: 75px; animation-delay: 1s; } }

@media (min-width: 1200px) { .header-copy__circle { display: block; } .header-copy__circle--orange { top: -160px; right: -100px; width: 400px; height: 400px; } .header-copy__circle--green { display: block; top: 20px; left: -40px; width: 90px; height: 90px; } .header-copy__circle--light-blue { bottom: 75px; right: 50px; width: 75px; height: 75px; } .header-copy__actions a { width: 45%; margin: 0.625em; } .header-copy__actions .btn { width: 100%; } }

.about { overflow: hidden; position: relative; padding: 3.125em 1.25em 4.6875em 1.25em; background: #fcfcfc; }

.about__circle { display: none; position: absolute; }

.about__title { margin: 0; padding: 0; font-size: 3em; color: #000; font-weight: 300; line-height: 1.2; margin-bottom: 0.625em; text-align: center; }

.about__subtitle { margin: 0; padding: 0; font-size: 1.25em; font-weight: 300; line-height: 1.5; margin: 0 auto; text-align: center; }

.about__actions { display: flex; justify-content: center; align-items: center; }

.about__btn { padding: 1.875em 1.5625em; background: #2a9d8f; outline: 0; border: 2px solid transparent; border-radius: 10px; font-size: 0.875em; font-weight: 700; text-transform: uppercase; color: #fff; letter-spacing: 6px; cursor: pointer; transition: 0.1s all ease-in; }

.about__btn:hover { background: #25897d; }

@media (min-width: 900px) { .about__btn { padding: 1.5625em 1.875em; } }

@media (min-width: 700px) { .about__subtitle { width: 75%; } }

@media (min-width: 900px) { .about { padding: 11.5625em 1.25em 15.625em 1.25em; } .about__circle { display: block; } .about__circle--green { top: 100px; right: 100px; width: 75px; height: 75px; } .about__circle--orange { bottom: -100px; right: -100px; width: 350px; height: 350px; } .about__circle--light-blue { bottom: 200px; left: 100px; width: 100px; height: 100px; } .about__subtitle { width: 50%; } }

@media (min-width: 1200px) { .about { padding: 11.5625em 2.5em 15.625em 2.5em; } .about__subtitle { width: 60%; } }

.about-grid { display: grid; justify-content: center; align-items: center; grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); grid-auto-rows: 1fr; gap: 1.25em; margin: 4.6875em 0; }

@media (min-width: 700px) { .about-grid { grid-template-columns: repeat(auto-fit, minmax(45%, 1fr)); } }

@media (min-width: 900px) { .about-grid { grid-template-columns: repeat(auto-fit, minmax(32%, 1fr)); gap: 0.625em; } }

@media (min-width: 1200px) { .about-grid { gap: 1.25em; margin: 5em 1.875em 9.375em 1.875em; } }

.about-article { display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding: 1.5625em 1.5625em; background: #fff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05); border-radius: 0px; height: 100%; }

.about-article__copy { margin-top: 4.6875em; }

.about-article__title { margin-bottom: 1.875em; font-size: 1.5em; font-weight: 700; color: #04446b; text-align: center; }

.about-article__title--foundation { color: #04446b; }

.about-article__title--founders { color: #e76f51; }

.about-article__title--vision { color: #e9c46a; }

.about-article__video { display: none; }

.about-article__desc p { margin-bottom: 1.875em; line-height: 1.5; color: #a1a09d; }

.about-article__desc a { color: #04446b; font-weight: 400; text-decoration: none; }

.about-article__desc a:hover { color: #7bb0e9; }

@media (min-width: 700px) { .about-article .about-article { padding: 4.6875em 1.5625em; } .about-article .about-article__video { display: block; } .about-article .about-article__image { display: none; } }

@media (min-width: 900px) { .about-article { padding: 4.6875em 1.875em; } }

@media (min-width: 1200px) { .about-article { padding: 4.6875em 3.125em; } }

.stats { overflow: hidden; position: relative; padding: 6.25em 1.25em 6.25em 1.25em; background: #e5effb; }

.stats__bg { position: absolute; top: -100px; left: 0; width: 100%; height: 100%; background: url("/assets/images/stats_bg@2x.png") no-repeat center; background-size: cover; }

.stats__title { position: relative; z-index: 1; margin: 0; padding: 0; font-size: 3em; color: #000; font-weight: 300; line-height: 1.2; text-align: center; color: #04446b; }

.stats__actions { position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; }

@media (min-width: 900px) { .stats { padding-bottom: 6.25em; } }

.stats-grid { position: relative; z-index: 1; overflow: hidden; display: grid; justify-content: space-evenly; align-items: center; grid-template-columns: repeat(auto-fit, minmax(45%, 1fr)); gap: 3.125em 1.5625em; margin: 6.25em 0 9.375em 0; padding: 0; }

@media (min-width: 700px) { .stats-grid { grid-template-columns: repeat(auto-fit, minmax(31%, 1fr)); padding: 0 1.5625em; } }

@media (min-width: 900px) { .stats-grid { grid-template-columns: repeat(auto-fit, minmax(15%, 1fr)); padding: 0; } }

.stat { display: flex; flex-flow: column wrap; justify-content: space-evenly; align-items: center; color: #04446b; text-align: center; }

.stat__number { margin-bottom: 0.4375em; font-weight: 700; font-size: 3em; }

.stat__label { width: 65%; font-size: 1.125em; font-weight: 300; line-height: 1.2; }

@media (min-width: 900px) { .stat__label { width: 75%; } }

.image { height: 800px; background-size: cover; background-position: center; background-repeat: no-repeat; }

.image--1 { background-image: url("/assets/images/big_image_1_mobile@2x.jpg"); }

.image--2 { background-image: url("/assets/images/big_image_2_mobile@2x.jpg"); }

.image--3 { background-image: url("/assets/images/big_image_3_mobile@2x.jpg"); }

@media (min-width: 900px) { .image { height: 940px; background-attachment: fixed; } .image--1 { background-image: url("/assets/images/big_image_1@2x.jpg"); } .image--2 { background-image: url("/assets/images/big_image_2@2x.jpg"); } .image--3 { background-image: url("/assets/images/header_bg_2@2x.jpg"); } }

.info { overflow: hidden; background: #fff; padding: 4.6875em 2.5em; }

.info-images { position: relative; display: flex; justify-content: center; align-items: center; padding: 0 1.5625em; }

.info-images__circle { display: none; position: absolute; z-index: 1; }

.info-images__circle--light-blue { top: -250px; right: 75px; width: 250px; height: 250px; }

.info-images__circle--yellow { bottom: -300px; left: 250px; width: 100px; height: 100px; }

.info-images__circle--red { top: -600px; left: -200px; width: 400px; height: 400px; }

.info-images__primary { display: none; position: relative; width: 100%; max-width: 600px; }

@media (min-width: 900px) { .info-images__circle { display: block; } .info-images__primary { display: block; left: -100px; } }

.info-copy { display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding: 0 1.5625em; }

.info-article { padding: 3.75em 0 1.875em 0; border-bottom: 1px solid #e5e5e5; }

.info-article__title { margin-bottom: 1.25em; font-size: 2.25em; font-weight: 300; color: #000; }

.info-article__desc { font-size: 1em; font-weight: 300; text-align: justify; }

.info-article__desc p { margin-bottom: 1.875em; line-height: 1.25; }

.info-article__actions { margin-top: 3.125em; }

.info-article__btn { padding: 1.875em 1.5625em; background: transparent; outline: 0; border: 2px solid transparent; border-radius: 10px; font-size: 0.875em; font-weight: 700; text-transform: uppercase; color: #04446b; letter-spacing: 6px; cursor: pointer; transition: 0.1s all ease-in; border-color: #04446b; }

.info-article__btn:hover { background: rgba(0, 0, 0, 0); }

@media (min-width: 900px) { .info-article__btn { padding: 1.5625em 1.875em; } }

.info-article__btn:hover { border-color: #033452; }

.info-article__btn--orange { color: #f4a261; border-color: #f4a261; }

.info-article__btn--orange:hover { border-color: #f4a261; }

.info-article__btn--teal { color: #2a9d8f; border-color: #2a9d8f; }

.info-article__btn--teal:hover { border-color: #2a9d8f; }

.team { background: #eee8db; }

.team__title { margin: 0; padding: 0; font-size: 3em; color: #000; font-weight: 300; line-height: 1.2; margin-bottom: 1.875em; text-align: center; }

.team__subtitle { font-size: 2.25em; font-weight: 300; margin-bottom: 1.875em; text-align: center; color: #ab9051; }

.team-logos { padding: 4.6875em 1.25em 4.6875em 1.25em; }

.team-logos img { opacity: 1; transition: all 0.5s ease; }

.team-logos img:hover { opacity: 1; filter: grayscale(0%); }

@media (min-width: 900px) { .team-logos { padding: 6.25em 1.25em 1.5625em 1.25em; } }

.team-grid { overflow: hidden; display: grid; justify-content: center; align-items: center; grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); gap: 4.6875em 0em; }

@media (min-width: 700px) { .team-grid { grid-template-columns: repeat(auto-fit, minmax(45%, 1fr)); } }

@media (min-width: 900px) { .team-grid { grid-template-columns: repeat(auto-fit, minmax(32%, 1fr)); gap: 0.625em; } }

@media (min-width: 1200px) { .team-grid { gap: 1.25em; margin: 2.5em 1.875em; } }

.team-grid__logo { display: flex; justify-content: center; align-items: center; background: #e6ddc9; height: 500px; }

.team-board { padding: 3.125em 0em; background: #fff; }

.team-board__grid { width: 100%; overflow: hidden; display: grid; justify-content: center; align-items: center; grid-template-columns: repeat(auto-fit, minmax(240px, 240px)); gap: 0em; }

@media (min-width: 700px) { .team-board__grid { grid-template-columns: repeat(auto-fit, minmax(480px, 480px)); } }

@media (min-width: 900px) { .team-board__grid { grid-template-columns: repeat(auto-fit, minmax(480px, 480px)); } }

@media (min-width: 700px) { .team-board { padding: 4.6875em 1.25em; } }

.team-member { position: relative; height: 300px; background: #fff; }

@media (min-width: 700px) { .team-member { height: 600px; } }

.team-member__desc { position: absolute; bottom: 5px; right: 0; text-align: right; padding: 0.3125em 1.25em 0.3125em 0.3125em; background: rgba(255, 255, 255, 0.5); }

@media (min-width: 700px) { .team-member__desc { bottom: auto; top: 10px; right: 0; padding: 0.3125em 0.625em 0.3125em 0.3125em; background: none; } }

.team-member__name, .team-member__position { margin-bottom: 0.3125em; opacity: 0.5; font-weight: 700; font-size: 0.5625em; text-transform: uppercase; letter-spacing: 0.5px; color: #000; }

@media (min-width: 700px) { .team-member__name, .team-member__position { font-size: 0.8125em; letter-spacing: 1px; } }

.team-member__position { font-weight: 300; }

.team-video { padding: 1.5625em 1.25em; background: #f6f3ec; }

.team-video__flex { display: flex; justify-content: center; align-items: center; }

.team-video__video { position: relative; width: 100%; height: 200px; }

.team-video__video__iframe { width: 100%; height: 100%; }

@media (min-width: 700px) { .team-video { padding: 4.6875em 1.25em; } .team-video__video { width: 100%; height: 600px; } }

.contact { padding: 4.6875em 1.25em 4.6875em 1.25em; background: #fff; }

.contact__title { margin: 0; padding: 0; font-size: 3em; color: #000; font-weight: 300; line-height: 1.2; margin-bottom: 0.625em; text-align: center; }

.contact__subtitle { margin: 0; padding: 0; font-size: 1.25em; font-weight: 300; line-height: 1.5; margin: 0 auto; text-align: center; }

@media (min-width: 700px) { .contact__subtitle { width: 75%; } }

@media (min-width: 900px) { .contact { padding: 6.25em 1.25em; } .contact__subtitle { width: 50%; } }

@media (min-width: 1200px) { .contact { padding: 6.25em 3.125em; } .contact__subtitle { width: 45%; } }

.contact-grid { overflow: hidden; display: grid; justify-content: center; align-items: center; grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); gap: 6.25em 0em; margin: 5em 0; }

@media (min-width: 700px) { .contact-grid { grid-template-columns: repeat(auto-fit, minmax(45%, 1fr)); } }

@media (min-width: 900px) { .contact-grid { grid-template-columns: repeat(auto-fit, minmax(32%, 1fr)); gap: 0.625em; } }

@media (min-width: 1200px) { .contact-grid { gap: 1.25em; margin: 5em 1.875em 5em 1.875em; } }

.contact-method { display: flex; flex-flow: column wrap; justify-content: center; align-items: center; }

.contact-method__label { margin-top: 1.5625em; font-size: 1em; color: #6f6f6f; text-align: center; line-height: 1.25; }

.contact-method a { color: #04446b; text-decoration: none; }

.contact-donate { margin-top: 6.25em; }

.contact-donate__title { margin: 0; padding: 0; font-size: 3em; color: #000; font-weight: 300; line-height: 1.2; margin-bottom: 0.625em; font-size: 2.25em; text-align: center; font-weight: 300; color: #04446b; }

.contact-donate p { text-align: center; line-height: 1.5; font-weight: 300; }

.contact-donate a { color: #04446b; }

.logo { display: flex; flex-flow: column wrap; justify-content: center; align-items: center; padding: 4.6875em 1.25em; background: #dee7ea; }

.logo video { width: 100%; max-width: 800px; height: auto; max-height: 600px; }

.logo__title { margin: 0; padding: 0; font-size: 3em; color: #000; font-weight: 300; line-height: 1.2; margin-bottom: 0.625em; text-align: center; }

.logo__copy { margin-top: 3.125em; width: 80%; font-size: 1em; font-weight: 300; text-align: justify; }

@media (min-width: 900px) { .logo__copy { width: 50%; } }

.logo__copy p { margin-bottom: 1.875em; line-height: 1.25; }

@media (min-width: 900px) { .logo { padding: 6.25em 3.125em; } }

.footer { display: flex; flex-flow: column wrap; justify-content: space-between; align-items: center; background: #f6f3ec; padding: 1.5625em 3.125em; }

.footer__logo { margin: 0.625em 0; opacity: 0.5; }

.footer__legal { margin: 0.625em 0; font-size: 0.75em; text-transform: uppercase; color: rgba(0, 0, 0, 0.5); }

@media (min-width: 900px) { .footer { flex-flow: row nowrap; } .footer__logo, .footer__legal { margin: 0; } }

.footer-links { display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 1.25em 0; }

.footer-links__link { font-size: 0.875em; text-decoration: none; color: rgba(0, 0, 0, 0.5); text-transform: uppercase; letter-spacing: 2px; font-size: 0.75em; }

.footer-links__link a { font-size: 0.75em; }

@media (min-width: 900px) { .footer-links { width: 30%; margin: 0; } }

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