.u-text-left{
  text-align:left !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html{
  line-height:1.15;
}
article,
aside,
footer,
header,
nav,
section{
  display:block;
}
h1{
  margin:0.67em 0;
}
figcaption,
figure,
main{
  display:block;
}
figure{
  margin:1em 40px;
}
hr{
  box-sizing:content-box;
}
pre{
  font-family:monospace, monospace;
  font-size:1em;
}
a:active,
a:hover{
  outline-width:0;
}
abbr[title]{
  border-bottom:none;
  text-decoration:underline;
  text-decoration:underline dotted;
}
code,
kbd,
samp{
  font-family:monospace, monospace;
  font-size:1em;
}
mark{
  background-color:#ff0;
  color:#000;
}
small{
  font-size:80%;
}
sub,
sup{
  font-size:75%;
}
sub{
  bottom:-0.25em;
}
sup{
  top:-0.5em;
}
audio,
video{
  display:inline-block;
}
button,
input,
optgroup,
select,
textarea{
  font-family:sans-serif;
  font-size:100%;
  line-height:1.15;
  margin:0;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{
  border-style:none;
  padding:0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring{
  outline:1px dotted ButtonText;
}
fieldset{
  padding:0.35em 0.625em 0.75em;
}
legend{
  box-sizing:border-box;
  color:inherit;
}
progress{
  display:inline-block;
}
[type="checkbox"],
[type="radio"]{
  box-sizing:border-box;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{
  height:auto;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration{
  -webkit-appearance:none;
}
details, menu{
  display:block;
}
summary{
  display:list-item;
}
canvas{
  display:inline-block;
}
template{
  display:none;
}
[hidden]{
  display:none;
}
/*! sanitize.css v4.1.0 | CC0 License | github.com/jonathantneal/sanitize.css */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary{
	display:block;
}
audio,
canvas,
progress,
video{
	display:inline-block;
}
audio:not([controls]){
	display:none;
	height:0;
}
template, [hidden]{
	display:none;
}
*,
::before,
::after{
	background-repeat:no-repeat;
	box-sizing:inherit;
}
::before,
::after{
	text-decoration:inherit;
	vertical-align:inherit;
}
html{
	box-sizing:border-box;
	cursor:default;
	font-family:sans-serif;
	line-height:1.5;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}
h1{
	font-size:2em;
	margin:.67em 0;
}
code,
kbd,
pre,
samp{
	font-family:monospace, monospace;
	font-size:1em;
}
hr{
	height:0;
	overflow:visible;
}
nav ol,
nav ul{
	list-style:none;
}
abbr[title]{
	border-bottom:1px dotted;
	text-decoration:none;
}
b,
strong{
	font-weight:inherit;
}
b,
strong{
	font-weight:bolder;
}
dfn{
	font-style:italic;
}
mark{
	background-color:#ffff00;
	color:#000000;
}
progress{
	vertical-align:baseline;
}
small{
	font-size:83.3333%;
}
sub,
sup{
	font-size:83.3333%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}
sub{
	bottom:-.25em;
}
sup{
	top:-.5em;
}
::-moz-selection{
	background-color:#b3d4fc;
	color:#000000;
	text-shadow:none;
}
::selection{
	background-color:#b3d4fc;
	color:#000000;
	text-shadow:none;
}
audio,
canvas,
iframe,
img,
svg,
video{
	vertical-align:middle;
}
img{
	border-style:none;
}
svg{
	fill:currentColor;
}
svg:not(:root){
	overflow:hidden;
}
a{
	background-color:transparent;
	-webkit-text-decoration-skip:objects;
}
a:hover{
	outline-width:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
button,
input,
select,
textarea{
	background-color:transparent;
	border-style:none;
	color:inherit;
	font-size:1em;
	margin:0;
}
button,
input{
	overflow:visible;
}
button,
select{
	text-transform:none;
}
button, html [type="button"], [type="reset"], [type="submit"]{
	-webkit-appearance:button;
}
::-moz-focus-inner{
	border-style:none;
	padding:0;
}
:-moz-focusring{
	outline:1px dotted ButtonText;
}
fieldset{
	border:1px solid #c0c0c0;
	margin:0 2px;
	padding:.35em .625em .75em;
}
legend{
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal;
}
textarea{
	overflow:auto;
	resize:vertical;
}
[type="checkbox"],
[type="radio"]{
	padding:0;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button{
	height:auto;
}
[type="search"]{
	-webkit-appearance:textfield;
	outline-offset:-2px;
}
::-webkit-search-cancel-button,
::-webkit-search-decoration{
	-webkit-appearance:none;
}
::-webkit-input-placeholder{
	color:inherit;
	opacity:.54;
}
::-webkit-file-upload-button{
	-webkit-appearance:button;
	font:inherit;
}
[aria-busy="true"]{
	cursor:progress;
}
[aria-controls]{
	cursor:pointer;
}
[aria-disabled]{
	cursor:default;
}
a,
area,
button,
input,
label,
select,
textarea,
[tabindex]{
	-ms-touch-action:manipulation;
	touch-action:manipulation;
}
[hidden][aria-hidden="false"]{
	clip:rect(0, 0, 0, 0);
	display:inherit;
	position:absolute;
}
[hidden][aria-hidden="false"]:focus{
	clip:auto;
}
nav ul{
  padding:0;
}
@-ms-viewport{
  width:device-width;
}
.icon{
  display:inline-block;
  width:1em;
  height:1em;
  stroke-width:0;
  stroke:currentColor;
  fill:currentColor
}
.icon.info{
  vertical-align:top;
}
html{
  font-family:BrandonText, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif
}
html .theme-light{
  color:#595b60;
}
html .theme-dark{
  color:white;
}
h1,
h2,
h3,
h4,
button,
.button{
  font-family:FestivoLettersNo1, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  text-align:center;
  text-transform:uppercase;
  font-weight:normal;
}
h1{
  font-size:40px;
  font-size:2.5rem;
  line-height:1.2;
  margin:1.5em 0
}
h1::after{
  width:120px;
  margin:0.7em 0;
}
h2{
  font-size:30px;
  font-size:1.875rem;
  line-height:1.2;
  margin:1.333333333em 0
}
h2::after{
  width:60px;
  margin:0.6em 0;
}
h1,
h2{
  position:relative
}
h1::after, h2::after{
  content:'';
  display:block;
  position:absolute;
  border-bottom:2px solid;
  left:50%;
  transform:translateX(-50%);
  transition:all 0.3s ease-in-out;
}
.theme-light h1, .theme-light h2{
  color:#1b414a;
}
h3{
  font-size:26px;
  font-size:1.625rem;
  line-height:1.153846154;
  margin:1.538461538em 0
}
.theme-light h3{
  color:#de6149;
}
h4{
  font-size:18px;
  font-size:1.125rem;
  line-height:1.222222222;
  margin:2.222222222em 0;
}
h5{
  font-size:20px;
  font-size:1.25rem;
  line-height:1.6;
  margin:16px 0;
  margin:1rem 0;
}
h6{
  font-size:20px;
  font-size:1.25rem;
  line-height:1.6;
  text-transform:uppercase;
  text-decoration:underline;
  font-weight:normal;
  margin:16px 0;
  margin:1rem 0;
}
.copy-intro{
  font-size:24px;
  font-size:1.5rem;
  font-weight:bold;
  line-height:1.5;
  text-align:center;
}
.copy-normal{
  font-size:20px;
  font-size:1.25rem;
  line-height:1.6;
}
.copy-minor{
  font-size:16px;
  font-size:1rem;
  line-height:1.5;
}
a:not(.button){
  font-weight:bold;
  transition:0.5s
}
.theme-light a:not(.button){
  color:#683a49;
}
@media only screen and (min-width: 50em){
  .theme-light a:not(.button):hover{
    color:#2f6056;
  }
}
.theme-dark a:not(.button){
  color:white;
}
h6,
a:not(.button),
u{
  -webkit-text-decoration-skip:ink;
          text-decoration-skip:ink;
}
button,
.button{
  font-size:26px;
  font-size:1.625rem;
  line-height:1;
  padding:0.5em;
  display:inline-block;
  text-decoration:none;
  border:2px solid;
  border-right:1px solid;
  position:relative;
  transition:color 0.5s, background-color 0.5s;
  border-color:white;
  color:white;
  max-width:calc(100% - 55px);
  cursor:pointer;

  @nest .theme-dark span{
    border-color:white;
  }
}
button:focus, .button:focus{
  outline-style:none;
}
button span, .button span{
  border-color:white;
}
.theme-light button, .theme-light .button{
  background-color:#683a49;
}
button span, .button span{
  border:2px solid white;
  padding:0 13px;
  height:calc(100% + 4px);
  background-color:inherit;
  position:absolute;
  right:-56px;
  top:-2px;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:center;
      justify-content:center;
  -ms-flex-align:center;
      align-items:center;
}
@media only screen and (min-width: 50em){
  .theme-light button:hover, .theme-light .button:hover{
    background-color:#2f6056;
  }
  .theme-dark button:hover, .theme-dark .button:hover{
    color:#2b2c2f;
    background-color:#d9dde6;
  }
  .theme-dark button:hover span, .theme-dark .button:hover span{
    border-color:white;
  }
  }
.donate-btn{
    background-color:#c6000e;
    outline:none;
    border:none;
    font-size:16px;
    font-weight:600;
    line-height:1;
    color:#fff;
    padding:15px; 
    text-decoration:none;
}
body{
  background-color:#2b2c2f;
  background-image:url(images/texture.png);
  background-repeat:repeat
}
@media only screen and (min-width: 50em){
  body.modal-lock{
    overflow:hidden;
  }
}
body.modal-lock > :not(header).modal-container{
  filter:none;
}
body > header{
  position:fixed;
  width:100vw;
  z-index:1;
}
body > header .action{
  position:absolute;
  height:8vh;
  width:4.5vh;
  left:50%;
  transform:translateX(-50%);
  fill:white;
  cursor:pointer;
  z-index:1;
  opacity:0;
  transition:opacity 0.3s ease-in-out;
}
body > header .action.hamburger{
  opacity:0.5;
}
body > header .action.close{
  left:auto;
  right:1.3vw;
  top:1.3vh;
  width:4vw;
  height:4vw;
}
@media only screen and (min-width: 50em){
  body > header .action.close{
    width:2vw;
    height:2vw;
  }
}
body > header .overlay-menu{
  position:absolute;
  width:100vw;
  bottom:0;
  text-align:center;
  transition:bottom 0.3s ease-out;
  background-color:rgba(0, 0, 0, .7);
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column;
      flex-direction:column;
  -ms-flex-pack:distribute;
      justify-content:space-around;
}
body > header .overlay-menu .logo{
  -ms-flex:0 0 auto;
      flex:0 0 auto;
}
body > header .icon-clflogo-mono{
  width:50vw;
  height:70vw;
}
@media only screen and (min-width: 50em){
  body > header .icon-clflogo-mono{
    width:15vw;
    height:11vw;
  }
}
body > header .site-menu{
  -ms-flex:0 1 auto;
      flex:0 1 auto;
}
body > header .site-menu ul{
  margin:0;
  max-height:100%;
}
body > header .site-menu ul li{
  font-size:18.4px;
  font-size:1.15rem;
}
@media only screen and (min-width: 50em) and (max-width: 68.75em){
  body > header .site-menu ul li{
    margin-top:1.5rem;
    letter-spacing:4px;
    font-size:2.5rem;
  }
}
@media only screen and (min-width: 68.75em){
  body > header .site-menu ul li{
    font-size:3.5rem;
  }
}
body > header.active .hamburger{
  opacity:0;
}
body > header.active .close{
  opacity:0.5;
}
body > header.active .overlay-menu{
  bottom:-100vh;
  height:100vh;
}
.theme-light{
  background-color:white;
  background-image:url(images/texture.png);
  background-repeat:repeat;
}
.site-menu{
  text-align:center
}
.site-menu ul{
  padding:0;
}
.site-menu li{
  list-style-type:none;
  margin-top:16px;
  margin-top:1rem;
  font-size:13.6px;
  font-size:0.85rem;
}
.site-menu li a{
  text-decoration:none;
  display:inline-block;
  border-top:2px solid white;
}
@media only screen and (min-width: 50em){
  .site-menu li a:hover{
    opacity:0.8;
  }
}
@media only screen and (min-width: 50em){
  .site-menu li{
    font-family:FestivoLettersNo1, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    font-size:1.125rem;
  }
}
@media only screen and (min-width: 68.75em){
  .site-menu li{
    font-size:1.75rem;
  }
}
@keyframes sk-bouncedelay{
  0%,
  80%,
  100%{
    transform:scale(0);
  }

  40%{
    transform:scale(1);
  }
}
.spinner-curtain{
  width:100vw;
  height:100vh;
  position:relative;
  display:none
}
.spinner-curtain.loading{
  display:block;
}
.spinner-curtain.loading ~ div{
  display:none;
}
.spinner{
  width:70px;
  text-align:center;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%)
}
.spinner > div{
  width:18px;
  height:18px;
  background-color:white;
  border-radius:100%;
  display:inline-block;
  animation:sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1{
  animation-delay:-0.32s;
}
.spinner .bounce2{
  animation-delay:-0.16s;
}
body{
  margin:0;
}
#app{
  position:relative;
  overflow:hidden
}
#app.has-presentation + footer{
  display:none;
}
.causes-menu.loading{
  visibility:hidden;
}
.causes-menu .collapsed{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column;
      flex-direction:column;
  visibility:visible;
}
@media only screen and (min-width: 68.75em){
  .causes-menu .collapsed{
    height:100vh;
    -ms-flex-direction:row;
        flex-direction:row;
  }
}
.causes-menu .menu-overlay{
  display:none;
  pointer-events:none;
}
@media only screen and (min-width: 68.75em){
  .causes-menu .menu-overlay{
    display:block;
    height:100vh;
    width:100vw;
    position:absolute;
    top:0;
    left:0;
  }
  .causes-menu .menu-overlay .cause{
    position:absolute;
    height:100vh;
    top:0;
    pointer-events:auto;
    will-change:width, left;
    transition:all 0.3s ease-in-out;
  }
  .causes-menu .menu-overlay .cause h1{
    font-size:2.6rem;
  }
  .causes-menu .menu-overlay .cause .desktop.icon{
    transform-origin:150% 100%;
    transform:scale3d(1.5, 1.5, 1.5);
  }
  .causes-menu .menu-overlay .cause.cause-x-enter-to .cause-bg{
    filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
    filter:blur(0) brightness(50%) !important;
  }
  .causes-menu .menu-overlay .cause.cause-x-enter-to .cause-body{
    padding-top:20vh;
  }
  .causes-menu .menu-overlay .cause.cause-x-enter-to .cause-body h1 span::before{
    width:0;
  }
  .causes-menu .menu-overlay .cause.cause-x-enter-to .cause-copy{
    opacity:1;
  }
  .causes-menu .menu-overlay .cause.cause-x-leave-active{
    transition:all 0.15s ease-out;
  }
  .causes-menu .menu-overlay .cause.cause-x-leave-active .cause-copy{
    visibility:hidden;
    opacity:0;
  }
  .causes-menu .menu-overlay h1{
    font-size:2.6rem;
  }
  .causes-menu .menu-overlay .cause-bg{
    filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
    filter:blur(0);
  }
  .causes-menu .menu-overlay .cause-copy{
    visibility:hidden;
    transition:opacity 0.25s 0.3s;
    will-change:opacity, visibility;
  }
}
.causes-menu .cause{
  overflow:hidden;
  position:relative;
  z-index:0;
}
.causes-menu .cause::before{
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:1;
  pointer-events:none;
  opacity:0;
  transition:all 0.3s ease-in-out;
}
.causes-menu .cause[data-hover=back]::before{
  background-color:white;
  opacity:0.3;
}
.causes-menu .cause .button{
  pointer-events:none;
}
.causes-menu .cause.clean-water .cause-bg{
  background-image:url('images/causes-menu-water-m.jpg');
}
.causes-menu .cause.military .cause-bg{
  background-image:url('images/causes-menu-military-m.jpg');
}
.causes-menu .cause.homelessness .cause-bg{
  background-image:url('images/causes-menu-homelessness-m.jpg');
}
.causes-menu .cause.youth-in-need .cause-bg{
  background-image:url('images/causes-menu-youth-m.jpg');
}
.causes-menu .cause.active .button{
  pointer-events:all;
}
.causes-menu .cause.active .cause-bg{
  filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
  filter:blur(0) brightness(50%) !important;
}
.causes-menu .cause.active .cause-copy{
  opacity:1;
  visibility:visible;
  max-height:500px;
  margin-bottom:1em;
}
.causes-menu .cause.active h1 span::before{
  width:0;
}
.causes-menu .cause.active h1 span::after{
  width:100%;
}
@media only screen and (min-width: 68.75em){
  .causes-menu .cause.active .cause-body{
    padding-top:20vh;
  }
}
.causes-menu .cause .desktop.icon{
  display:none;
  position:absolute;
  bottom:1em;
  left:50%;
  transform:translateX(-50%);
  height:3em;
  width:3em;
}
@media only screen and (min-width: 68.75em){
  .causes-menu .cause .desktop.icon{
    display:block;
  }
}
.causes-menu .cause .mobile.icon{
  display:block;
  position:absolute;
  height:1em;
  width:1em;
  top:50%;
  transform:translateY(-50%);
}
@media only screen and (orientation: portrait) and (max-height: 37.5em){
  .causes-menu .cause .mobile.icon{
    height:0.8em;
    width:0.8em;
  }
}
@media only screen and (min-width: 68.75em){
  .causes-menu .cause .mobile.icon{
    display:none;
  }
}
@media only screen and (min-width: 68.75em){
  .causes-menu .cause[data-hover=targeted] .cause-bg{
    filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
    filter:blur(0);
  }
  .causes-menu .cause.clean-water .cause-bg{
    background-image:url('images/causes-menu-water.png');
  }
  .causes-menu .cause.military .cause-bg{
    background-image:url('images/causes-menu-military.png');
  }
  .causes-menu .cause.homelessness .cause-bg{
    background-image:url('images/causes-menu-homelessness.png');
  }
  .causes-menu .cause.youth-in-need .cause-bg{
    background-image:url('images/causes-menu-youth.png');
  }
}
.causes-menu .collapsed .cause[data-hover=targeted] h1, .causes-menu .collapsed .cause.active h1{
  font-size:41.6px;
  font-size:2.6rem;
}
.causes-menu .collapsed .cause[data-hover=targeted] .desktop.icon, .causes-menu .collapsed .cause.active .desktop.icon{
  transform-origin:150% 100%;
  transform:scale3d(1.5, 1.5, 1.5);
  transition:transform 0.3s;
}
.causes-menu .cause-bg{
  position:absolute;
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="4" /></filter></svg>#filter');
  filter:blur(4px);
  transition:filter 0.5s;
}
.causes-menu .cause-body{
  padding:0 10px;
  position:relative;
  text-align:center;
  transition:padding 0.2s;
}
.causes-menu .cause-body h1{
  font-size:32px;
  font-size:2rem;
}
@media only screen and (min-width: 68.75em){
  .causes-menu .cause-body h1{
    font-size:2.3rem;
    transition:font-size 0.2s;
  }
}
.causes-menu .cause-body h1::before{
  content:none;
}
.causes-menu .cause-body h1 span{
  position:relative;
}
.causes-menu .cause-body h1 span::before{
  content:'';
  display:block;
  position:absolute;
  border-bottom:2px solid;
  left:50%;
  transform:translateX(-50%);
  transition:all 0.3s ease-in-out;
  top:0;
  width:100%;
  margin:-0.7em 0;
}
.causes-menu .cause-body h1 span::after{
  content:'';
  display:block;
  position:absolute;
  border-bottom:2px solid;
  left:50%;
  transform:translateX(-50%);
  transition:all 0.3s ease-in-out;
  width:0;
}
.causes-menu .cause-body h1::after{
  content:none;
}
@media only screen and (min-width: 68.75em){
  .causes-menu .cause-body{
    padding-top:30vh;
  }
}
.causes-menu .cause-copy{
  opacity:0;
  max-height:0;
  transition:0.5s;
  padding:0 20px;
  will-change:opacity, max-height;
}
@media only screen and (min-width: 68.75em){
  .causes-menu .cause-copy{
    height:auto;
    transition:unset;
    will-change:unset;
  }
}
.causes-menu .cause-copy .button{
  margin-left:-55px;
}
.cause-presentation{
  display:block;
  height:90vh;
  position:relative;
  z-index:0
}
@media only screen and (min-width: 50em){
  .cause-presentation{
    height:100vh;
  }
  }
.cause-presentation .texture{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  pointer-events:none;
  background:url(images/texture.png) transparent repeat;
}
.cause-presentation .slide{
  position:absolute;
  height:90vh;
  width:100vw;
}
@media only screen and (min-width: 50em){
  .cause-presentation .slide{
    height:100vh;
  }
}
.cause-presentation .pager-container{
  position:fixed;
  z-index:1;
  width:100%;
  height:10vh;
  bottom:0;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
      align-items:center;
  -ms-flex-pack:center;
      justify-content:center;
  background-color:#2b2c2f;
}
.cause-presentation .pager-container.transitional{
  background-color:#595b60;
}
@media only screen and (min-width: 50em){
  .cause-presentation .pager-container{
    position:absolute;
    background-color:transparent;
    height:0;
  }
}
.slide{
  overflow:hidden;
  overflow-y:auto;
  position:relative;
  height:100vh;
  opacity:1;
  z-index:0
}
.slide.no-scroll{
  overflow-y:hidden;
}
.slide.b1 .scene,
    .slide.b1 .copy{
  will-change:transform;
}
.slide.before{
  background-color:#254D81;
}
.slide.after{
  background-color:#de6149;
}
.slide.transitional{
  display:block;
  padding:48px 40px 0;
  padding:3rem 2.5rem 0;
  font-size:16.8px;
  font-size:1.05rem;
  overflow-x:hidden;
  overflow-y:auto;
}
@media only screen and (min-width: 50em){
  .slide.transitional{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
        flex-direction:column;
    -ms-flex-pack:center;
        justify-content:center;
    -ms-flex-align:center;
        align-items:center;
    overflow-y:hidden;
    padding-top:0;
  }
}
.slide.transitional > *:not(.button){
  margin-left:auto;
  margin-right:auto;
}
@media only screen and (min-width: 50em){
  .slide.transitional > *:not(.button){
    max-width:40vw;
  }
}
.slide.transitional .button{
  font-size:20.8px;
  font-size:1.3rem;
  margin-bottom:20.8px;
  margin-bottom:1.3rem;
  display:block;
}
.slide.transitional .button span{
  right:-50px;
}
@media only screen and (min-width: 50em){
  .slide.transitional .button{
    font-size:1.625rem;
    margin:2.5rem;
    margin-left:-28px;
    display:inline-block;
  }
  .slide.transitional .button span{
    right:-56px;
  }
}
.slide.transitional > :nth-child(1){
  font-weight:bold;
}
.slide.transitional > :nth-child(1)::before{
  content:'';
  display:block;
  position:absolute;
  border-bottom:2px solid;
  left:50%;
  transform:translateX(-50%);
  transition:all 0.3s ease-in-out;
  width:106.56px;
  width:6.66rem;
  transform:translate3d(-50%, -1.3rem, 0);
}
.slide .backscreen{
  position:absolute;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background-color:black;
  pointer-events:none;
  opacity:0.33;
  z-index:-1;
}
.slide .scene{
  max-height:50vh;
  transform:translateX(-25%);
}
.slide .copy{
  position:relative;
  z-index:1;
  border-top:1px solid currentColor;
  margin:16px 40px;
  margin:1rem 2.5rem;
  pointer-events:none;
  font-size:18px;
  font-weight:300;
  line-height:32px;
}
.slide .copy.secondary{
  opacity:0.4;
}
@media only screen and (min-width: 50em){
  .slide .copy{
    position:absolute;
    bottom:2rem;
    width:40%;
    max-width:30rem;
    letter-spacing:0.033rem;
  }
}
@media only screen and (min-width: 50em){
  .slide .hotspot{
    position:absolute;
    margin:0;
    display:block;
    max-width:26.5rem;
    padding:1vh 1vw;
    letter-spacing:0.033rem;
    font-family:FestivoLettersNo1, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    font-size:0.9rem;
  }
  .slide .hotspot::after{
    content:'';
    position:absolute;
    height:0;
    width:50%;
    bottom:0;
    border-top:1px solid currentcolor;
  }
  .slide .hotspot[data-tether='left mid']{
    border-top:1px solid currentcolor;
    border-right:1px solid currentcolor;
    padding-left:2vw;
  }
  .slide .hotspot[data-tether='left mid']::after{
    left:50%;
  }
  .slide .hotspot[data-tether='left up']{
    border-top:1px solid currentcolor;
    border-left:1px solid currentcolor;
    border-right:1px solid currentcolor;
  }
  .slide .hotspot[data-tether='left up']::after{
    right:0;
    padding-right:0;
  }
  .slide .hotspot[data-tether='left down']{
    border-bottom:1px solid currentcolor;
    border-left:1px solid currentcolor;
    border-right:1px solid currentcolor;
  }
  .slide .hotspot[data-tether='left down']::after{
    right:0;
    top:0;
  }
  .slide .hotspot[data-tether='right mid']{
    border-top:1px solid currentcolor;
    border-left:1px solid currentcolor;
    padding-right:2vw;
  }
  .slide .hotspot[data-tether='right mid']::after{
    left:0;
  }
  .slide .hotspot[data-tether='right up']{
    border-top:1px solid currentcolor;
    border-left:1px solid currentcolor;
    border-right:1px solid currentcolor;
  }
  .slide .hotspot[data-tether='right up']::after{
    left:0;
  }
  .slide .hotspot[data-tether='right down']{
    border-bottom:1px solid currentcolor;
    border-left:1px solid currentcolor;
    border-right:1px solid currentcolor;
  }
  .slide .hotspot[data-tether='right down']::after{
    left:0;
    top:0;
  }
}
.hotspot-drawer{
  position:absolute;
  z-index:1;
  width:100vw;
  padding:0 40px;
  padding:0 2.5rem;
  display:-ms-flexbox;
  display:flex;
  transition:transform ease-in-out 0.5s
}
.hotspot-drawer > p{
  -ms-flex-item-align:center;
      -ms-grid-row-align:center;
      align-self:center;
  position:relative;
  padding-top:20px;
  padding-top:1.25rem;
  padding-bottom:8.8px;
  padding-bottom:0.55rem;
  display:block;
}
.hotspot-drawer > p::before{
  content:'';
  display:block;
  position:absolute;
  border-bottom:2px solid;
  left:50%;
  transform:translateX(-50%);
  transition:all 0.3s ease-in-out;
  top:0;
  width:80px;
  width:5rem;
}
.hotspot-drawer a{
  color:#2b2c2f !important;
}
.slide.v-enter-active{
  transition:opacity 1.2s;
  z-index:1;
}
.slide.v-leave-active{
  transition:opacity 0.8s;
}
.slide.v-enter,
  .slide.v-leave-to{
  opacity:0;
}
.pager{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-preferred-size:100%;
      flex-basis:100%;
  -ms-flex-align:center;
      align-items:center;
  -ms-flex-pack:justify;
      justify-content:space-between
}
@media only screen and (min-width: 50em){
  .pager{
    position:absolute;
    bottom:10vh;
    right:4vw;
  }
  }
.pager .slide-control{
  width:calc(30px + 1.2rem);
  height:calc(30px + 0.6rem);
  position:relative;
}
.pager .slide-control .icon{
  width:24px;
  width:1.5rem;
  height:48px;
  height:3rem;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}
.pager .slide-control.disabled{
  opacity:0.3;
  cursor:default;
}
.pager .slide-control.back{
  margin-left:16px;
  margin-left:1rem;
}
@media only screen and (min-width: 50em){
  .pager .slide-control.back{
    margin-left:auto;
    margin-right:0.3rem;
  }
}
.pager .slide-control.next{
  margin-right:16px;
  margin-right:1rem;
}
@media only screen and (min-width: 50em){
  .pager .slide-control.next{
    margin-right:auto;
    margin-left:0.3rem;
  }
}
.pager-ghost-nav{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
      align-items:center;
  position:absolute;
  width:100%;
  left:0;
  bottom:8px;
  bottom:0.5rem
}
.pager-ghost-nav > div{
  -ms-flex:1 0 auto;
      flex:1 0 auto;
}
.pager-ghost-nav > div:nth-of-type(1) .nav-panel:not(:first-child){
  margin-left:4px;
  margin-left:0.25rem;
}
.pager-ghost-nav > div:nth-of-type(2) .nav-panel:not(:last-child){
  margin-right:4px;
  margin-right:0.25rem;
}
.pager-ghost-nav .nav-panel{
  display:inline-block;
  height:1.6vh;
  background-color:rgba(255, 255, 255, .33);
  opacity:0.33;
  position:relative;
}
.pager-ghost-nav .nav-panel > span{
  background-color:rgb(255, 255, 255);
}
.pager-ghost-nav .nav-panel > a,
    .pager-ghost-nav .nav-panel > span{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.pager-ghost-nav .nav-panel > a.next-enter-active,
      .pager-ghost-nav .nav-panel > a.back-enter-active,
      .pager-ghost-nav .nav-panel > span.next-enter-active,
      .pager-ghost-nav .nav-panel > span.back-enter-active{
  transition:all 0.5s ease-out;
}
.pager-ghost-nav .nav-panel > a.next-leave-active,
      .pager-ghost-nav .nav-panel > a.back-leave-active,
      .pager-ghost-nav .nav-panel > span.next-leave-active,
      .pager-ghost-nav .nav-panel > span.back-leave-active{
  transition:all 0.3s ease-in;
}
.pager-ghost-nav .nav-panel > a.next-enter,
      .pager-ghost-nav .nav-panel > a.back-leave-to,
      .pager-ghost-nav .nav-panel > span.next-enter,
      .pager-ghost-nav .nav-panel > span.back-leave-to{
  width:0;
  right:100%;
}
.pager-ghost-nav .nav-panel > a.next-leave-to,
      .pager-ghost-nav .nav-panel > a.back-enter,
      .pager-ghost-nav .nav-panel > span.next-leave-to,
      .pager-ghost-nav .nav-panel > span.back-enter{
  left:100%;
  width:0;
}
.pager-ghost-nav .icon{
  -ms-flex:0 0 32px;
      flex:0 0 32px;
  -ms-flex:0 0 2rem;
      flex:0 0 2rem;
  height:40px;
  height:2.5rem;
  text-align:center;
  position:relative;
}
.pager-ghost-nav .icon svg{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  transform:scale(1.25, 1.5) translateX(-0.125rem);
  opacity:0.15;
}
.pager-ghost-nav .icon svg.active{
  opacity:0.33;
}
.site-footer .logo{
  max-width:300px;
  margin:auto;
  width:30%;
}
.site-footer .logo a:hover{
  opacity:1;
}
.site-footer .logo .icon-clflogo-mono{
  width:100%;
  height:auto;
}
.site-footer .annual-report{
  width:100%;
  padding:32px;
  padding:2rem;
  text-align:center;
  background-color:#1B3B4A;
  background-image:url(images/texture.png);
  background-repeat:repeat;
}
.site-footer .annual-report .copy-intro{
  margin-top:0;
}
.site-footer .annual-report .signup-cta{
  margin:0;
  margin-top:8px;
  margin-top:0.5rem;
  font-size:16px;
  font-size:1rem;
  background-color:#3E7F70;
}
.site-footer .annual-report .signup-cta:hover{
  background-color:#d9dde6;
}
@media only screen and (min-width: 50em){
  .site-footer .site-menu li{
    display:inline-block;
    margin-right:-4px;
    padding:1rem 2rem;
    border-top:2px solid white;
  }
  .site-footer .site-menu li a{
    display:inline;
    border:0;
  }
}
@media only screen and (min-width: 68.75em){
  .site-footer .site-menu li a{
    display:inline;
    border:0;
  }
}
.home .site-footer .annual-report{
    padding:16px;
    padding:1rem;
    margin-top:40px;
    margin-top:2.5rem
}
@media only screen and (min-width: 50em){
  .home .site-footer .annual-report{
    position:absolute;
    bottom:0;
  }
    }
@media only screen and (orientation: landscape) and (max-height: 37.5em){
  .home .site-footer .annual-report{
    position:relative;
  }
    }
.clean-water .b1 .scene{
  max-height:66vh;
  transform:translateX(-20%) translateY(7%);
}
@media only screen and (min-width: 50em){
  .clean-water .b1 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
  }
  .clean-water .b1 .copy{
    width:33%;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .clean-water .b1 .scene{
    width:100vw;
  }
}
.clean-water .b2 .scene{
  max-height:60vh;
}
@media only screen and (min-width: 50em){
  .clean-water .b2 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
    top:40%;
    max-width:1064px;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .clean-water .b2 .scene{
    width:100vw;
  }
}
.clean-water .b3 .scene{
  max-height:60vh;
}
@media only screen and (min-width: 50em){
  .clean-water .b3 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .clean-water .b3 .scene{
    width:100vw;
  }
}
.clean-water .b4 .scene{
  max-height:52vh;
  margin-bottom:88px;
  margin-bottom:5.5rem;
  transform:translateX(0) translateY(15%);
}
@media only screen and (min-width: 50em){
  .clean-water .b4 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
    max-height:75vh;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .clean-water .b4 .scene{
    width:100vw;
  }
}
.clean-water .a1 .scene{
  max-height:75vh;
}
@media only screen and (min-width: 50em){
  .clean-water .a1 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .clean-water .a1 .scene{
    width:100vw;
  }
}
.clean-water .a2 .scene{
  max-height:55vh;
}
@media only screen and (min-width: 50em){
  .clean-water .a2 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .clean-water .a2 .scene{
    width:100vw;
  }
}
.clean-water .a3 .scene{
  max-height:65vh;
}
@media only screen and (min-width: 50em){
  .clean-water .a3 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .clean-water .a3 .scene{
    width:100vw;
  }
}
.homelessness{
  display:none
}
.homelessness .b1 .scene{
  max-height:60vh;
  transform:translateX(-10%) translateY(7%);
}
@media only screen and (min-width: 50em){
  .homelessness .b1 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
    top:0;
    transform:translateX(-50%);
    max-height:94vh;
  }
  .homelessness .b1 .copy{
    width:33%;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .homelessness .b1 .scene{
    width:100vw;
  }
}
.homelessness .b2 .scene{
  max-height:55vh;
  transform:translateX(-7%);
  margin-bottom:48px;
  margin-bottom:3rem;
}
@media only screen and (min-width: 50em){
  .homelessness .b2 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
    top:45%;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .homelessness .b2 .scene{
    width:100vw;
  }
}
.homelessness .b3 .scene{
  max-height:53vh;
  transform:translateX(-33%) translateY(7%);
  margin-bottom:32px;
  margin-bottom:2rem;
}
@media only screen and (min-width: 50em){
  .homelessness .b3 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
    top:45%;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .homelessness .b3 .scene{
    width:100vw;
  }
}
.homelessness .b4 .scene{
  max-height:60vh;
  transform:translateX(-15%) translateY(7%);
}
@media only screen and (min-width: 50em){
  .homelessness .b4 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
    max-width:1200px;
    top:45%;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .homelessness .b4 .scene{
    width:100vw;
  }
}
.homelessness .b5 .scene{
  top:7vh;
  transform:translateX(-35%) translateY(7%);
  margin-bottom:48px;
  margin-bottom:3rem;
}
@media only screen and (min-width: 50em){
  .homelessness .b5 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
    top:45%;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .homelessness .b5 .scene{
    width:100vw;
  }
}
.homelessness .a1 .scene{
  max-height:60vh;
  transform:translateX(-37%);
}
@media only screen and (min-width: 50em){
  .homelessness .a1 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
    top:0;
    transform:translateX(-50%);
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .homelessness .a1 .scene{
    width:100vw;
  }
}
.homelessness .a2 .scene{
  max-height:60vh;
  transform:translateX(-30%) translateY(7%);
}
@media only screen and (min-width: 50em){
  .homelessness .a2 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
    top:40%;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .homelessness .a2 .scene{
    width:100vw;
  }
}
.homelessness .a3 .scene{
  max-height:60vh;
  transform:translateX(-20%) translateY(7%);
}
@media only screen and (min-width: 50em){
  .homelessness .a3 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .homelessness .a3 .scene{
    width:100vw;
  }
}
.homelessness .a4 .scene{
  max-height:63vh;
  transform:translateX(-23%);
}
@media only screen and (min-width: 50em){
  .homelessness .a4 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
    max-width:1400px;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .homelessness .a4 .scene{
    width:100vw;
  }
}
.military .b1 .scene{
  max-height:57vh;
  transform:translateX(-15%) translateY(7%);
}
@media only screen and (min-width: 50em){
  .military .b1 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
  }
  .military .b1 .copy{
    width:33%;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .military .b1 .scene{
    width:100vw;
  }
}
.military .b2 .scene{
  max-height:60vh;
  transform:translateX(-22%) translateY(7%);
}
@media only screen and (min-width: 50em){
  .military .b2 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
    top:40%;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .military .b2 .scene{
    width:100vw;
  }
}
.military .b3 .scene{
  max-height:66vh;
  transform:translateX(-22%) translateY(7%);
}
@media only screen and (min-width: 50em){
  .military .b3 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
    max-height:75vh;
    top:40%;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .military .b3 .scene{
    width:100vw;
  }
}
.military .b4 .scene{
  max-height:68vh;
  transform:translateX(-26%) translateY(7%);
}
@media only screen and (min-width: 50em){
  .military .b4 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .military .b4 .scene{
    width:100vw;
  }
}
.military .a1 .scene{
  max-height:65vh;
}
@media only screen and (min-width: 50em){
  .military .a1 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
    top:40%;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .military .a1 .scene{
    width:100vw;
  }
}
.military .a2 .scene{
  max-height:62vh;
  transform:translateX(-25%) translateY(10%);
}
@media only screen and (min-width: 50em){
  .military .a2 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .military .a2 .scene{
    width:100vw;
  }
}
.military .a3 .scene{
  max-height:67vh;
}
@media only screen and (min-width: 50em){
  .military .a3 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
    top:45%;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .military .a3 .scene{
    width:100vw;
  }
}
.youth-in-need .b1 .scene{
  max-height:60vh;
  transform:translateX(-15%) translateY(5%);
}
@media only screen and (min-width: 50em){
  .youth-in-need .b1 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
  }
  .youth-in-need .b1 .copy{
    width:33%;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .youth-in-need .b1 .scene{
    width:100vw;
  }
}
.youth-in-need .b2 .scene{
  max-height:60vh;
  transform:translateX(-15%);
}
@media only screen and (min-width: 50em){
  .youth-in-need .b2 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
    top:40%;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .youth-in-need .b2 .scene{
    width:100vw;
  }
}
.youth-in-need .b3 .scene{
  max-height:57vh;
  transform:translateX(-20%);
}
@media only screen and (min-width: 50em){
  .youth-in-need .b3 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
    max-height:75vh;
    top:40%;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .youth-in-need .b3 .scene{
    width:100vw;
  }
}
.youth-in-need .b4 .scene{
  max-height:57vh;
}
@media only screen and (min-width: 50em){
  .youth-in-need .b4 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
    top:40%;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .youth-in-need .b4 .scene{
    width:100vw;
  }
}
.youth-in-need .a1 .scene{
  transform:translateX(-15%);
}
@media only screen and (min-width: 50em){
  .youth-in-need .a1 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
    max-height:83vh;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .youth-in-need .a1 .scene{
    width:100vw;
  }
}
.youth-in-need .a2 .scene{
  max-height:50vh;
  transform:translateX(-15%);
}
@media only screen and (min-width: 50em){
  .youth-in-need .a2 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
    top:40%;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .youth-in-need .a2 .scene{
    width:100vw;
  }
}
.youth-in-need .a3 .scene{
  transform:translateX(-15%) rotate(90deg);
  max-height:47vh;
  margin-bottom:96px;
  margin-bottom:6rem;
}
@media only screen and (min-width: 50em){
  .youth-in-need .a3 .scene{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    max-width:1200px;
    max-height:90vh;
    z-index:0;
    margin-bottom:auto;
    max-height:80vh;
  }
}
@media only screen and (min-width: 50em) and screen and (-ms-high-contrast: active), only screen and (min-width: 50em) and (-ms-high-contrast: none){
  .youth-in-need .a3 .scene{
    width:100vw;
  }
}

/*# sourceMappingURL=bundle.causes.css.map */