html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }
html { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a img { border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
svg { width: 100%; max-height: 100%; overflow: hidden; pointer-events: none; }
foreignobject, foreignObject { overflow: visible; }
.ieup .bubbletext { padding: 1rem; }
.ieup svg:not(#logo):not(#donate_spotti) { height: 66vh; }
a, a:visited { color: black; }
a.lnk { margin: 1rem; text-decoration: none; border-bottom: 2px solid black; }
a.lnk:before { content: ''; width: 1rem; height: 1rem; background-color: black; display: inline-block; position: absolute; left: -22px; background-size: cover; border-radius: 0.5rem; }
.cookie, .more, .nsa { display: none; }
.section.intro { opacity: 0; }
.f14 { font-size: 14px; }
.fp-scroller .spacer { margin-bottom: 50%; margin-bottom: 33vh; }
.bubbletext { font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 18px; line-height: 1.25; text-align: center; overflow: visible; }
.howtext .bubbletext { text-align: left; font-size: 16px; }
.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.flex.center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.flex.col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.doto { width: 3rem; height: 3rem; position: absolute; border-radius: 50%; }
.center { margin: auto; }
.text.center { text-align: center; }
.rel { position: relative; }
.abs { position: absolute; }
.h1 { font-family: "IntroBlackCaps", sans-serif; font-size: 20px; line-height: 1.125; }
.h2 { font-family: "IntroBlackCaps", sans-serif; font-size: 18px; line-height: 1.125; }
.fat { font-weight: 700; }
.intro .h1, .intro .h2, .testimonials .h1, .testimonials .h2, .projects .h1, .projects .h2, .instagram .h1, .instagram .h2, .vid .h1, .vid .h2, .donate .h1, .donate .h2, .contact .h1, .contact .h2, .thanks .h1, .thanks .h2 { margin: 2rem auto 3rem; text-align: center; }
.prevention .h1, .prevention .h2, .check .h1, .check .h2, .doctor .h1, .doctor .h2, .support .h1, .support .h2, .testimonials .h1, .testimonials .h2, .projects .h1, .projects .h2, .donate .h1, .donate .h2, .contact .h1, .contact .h2, .vid .h1, .vid .h2, .thanks .h1, .thanks .h2 { text-transform: uppercase; font-size: 32px; text-align: center; }
.copy p, .copy ul { line-height: 1.5; margin: 1rem auto; }
.anim-footer { bottom: 0; position: fixed; width: 100%; color: white; }
.scroll.hint { background-color: black; border-radius: 9rem 9rem 0px 0px; height: 5rem; width: 9rem; }
.scroll.hint span { text-align: center; width: 100%; position: absolute; bottom: 1rem; cursor: pointer; }
.scroll.hint .arrow { width: 23px; height: 50px; stroke: white; cursor: pointer; }
.wrap { margin: auto; max-width: 30rem; }
.contact.wrap, .donate.wrap { max-width: 50rem; }
.quartl { width: 65%; margin: 1rem auto; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }
.quartl > div { flex: 0 0 25%; padding: 1rem; }
.how1 .howgrfx { pointer-events: all; }
.mobtog, .scroll.hint span:last-of-type { display: none; }
.sfixg1 { width: 100%; opacity: 0; pointer-events: none; }
.qms { text-align: center; }
.qms span { width: 1.5rem; display: inline-block; height: 2.5rem; fill: #ff9123; }
.qms.re span { fill: #00A0FF; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.slide { transition: width 0.5s; }
@media only screen and (min-width: 1024px) { .menu { margin-left: -6rem; } }
@media only screen and (min-width: 1025px) { .h1.abs { margin-top: 4rem; }
.sfixg1 { width: 80%; }
.fp-controlArrow.fp-prev { border-color: transparent black transparent transparent !important; left: 3rem !important; }
.fp-controlArrow.fp-next { border-color: transparent transparent transparent black !important; right: 3rem !important; } }
@media only screen and (min-width: 786px) and (max-width: 1199px) { .menu { margin-left: 0; }
.menu.flex.center { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } }
@media only screen and (min-width: 1300px) { .header .menu a { padding: 1rem 1.5rem; } }
.t4 > div { line-height: 1.25; display: inline-block; }
.fp-controlArrow.fp-prev { border-color: transparent rgba(0, 0, 0, 0.4) transparent transparent !important; }
.fp-controlArrow.fp-next { border-color: transparent transparent transparent rgba(0, 0, 0, 0.4) !important; }
@media only screen and (max-width: 785px) { .scroll.hint { height: 4rem; width: 8rem; }
.scroll.hint span { font-size: 12px; }
.scroll.hint .arrow { width: 20px; height: 36px; }
.sfixg1 .copy { font-size: 15px; font-weight: bold; } }
@media only screen and (max-width: 786px) { .support .quartl { display: block; width: 100%; }
div.bubbles p { position: absolute; text-align: center; }
.sfixg1 svg { width: 138%; margin-left: -19%; }
.scroll.hint { background-color: rgba(255, 255, 255, 0.5); }
.scroll.hint span { color: black; }
.scroll.hint .arrow { stroke: black; fill: white; }
.h1, .h2 .copy { padding: 1rem; }
.prevention .h1, .prevention .h2, .check .h1, .check .h2, .doctor .h1, .doctor .h2, .support .h1, .support .h2, .testimonials .h1, .testimonials .h2, .projects .h1, .projects .h2, .contact .h1, .contact .h2, .vid .h1, .vid .h2, .instagram .h1, .instagram .h2 { font-size: 20px; }
.intro .h1, .intro .h2, .testimonials .h1, .testimonials .h2, .projects .h1, .projects .h2, .instagram .h1, .instagram .h2, .vid .h1, .vid .h2, .contact .h1, .contact .h2 { margin: 0 auto; text-align: center; } .copy p, .copy ul { line-height: 1.5; padding-left: 1rem; padding-right: 1rem; }
.copy #text3, .copy #text5, .copy #text6 { margin: 0; position: relative; }
.whtf { fill: white; }
.flex { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.support .quartl { margin: 0rem auto 3rem; width: 90%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; }
.support .quartl > div { flex: 0 0 36%; padding: 0 1rem; }
.ieup .bubbletext { font-size: small; } }
@media only screen and (max-width: 480px) { #intropy2 { padding-bottom: 2rem; }
.support .quartl { margin: 0rem auto; }
.qms span { width: 1rem; height: 1.25rem; }
.qms.re { padding-bottom: 3rem; }
.testimonials .h1.abs.center { display: none; }
.testim, .proj { margin: 0 0.5rem; padding-bottom: 1rem; font-size: 16px; }
.testim .h3, .proj .h3 { font-size: 18px; padding-left: 0.5rem; }
.testim p, .proj p { line-height: 1.25; padding: 0.5rem; font-size: 16px; word-break: break-word; }
.testim .wrap, .proj .wrap { display: inline-block; }
.testim .img, .proj .img { margin: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 12rem; height: 12rem; }
.fp-controlArrow.fp-prev { left: 2px !important; border-width: 20px 16px 20px 0px !important; }
.fp-controlArrow.fp-next { right: 2px !important; border-width: 20px 0px 20px 16px !important; }
.testimonials .h1, .projects .h1 { position: relative; margin: 0 auto; } } .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; }
.close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; }
.hidden { display: none; }