/*@media screen and (max-height: 1150px) and (min-width: 1001px){
	.action .slider{max-height: 1000px; top: 50%;}
}
*/



@media screen and (max-height: 1000px) and (min-width: 1001px){

/*.banner .left-collage .people{width: 160.25%; height: unset;}
.banner .left-collage .pattern{height: unset; width: 103.75%;}
.banner .right-collage .person{  width: 140.2%; height: unset;}*/

/*.collage .people{height: unset; width: 94.264706%;}*/

/*.launched{margin-left: -15vw;}*/
/*.launched{margin-left: -248px;}*/
/*.launch-swiper{width: unset;height: 60vh;}

.launched h2{top: 16.4%;}
.launched .swiper-pagination{bottom: 15.1% !important;}

.spotlight-swiper{width: unset;height: 56.5vh;}*/

}
	


@media screen and (max-height: 950px) and (min-width: 1001px){
	.banner .copy{padding: 5rem 0;}

	.letter{padding: 5rem 30px;}

	.impact-num{padding: 5rem 0;}

	.snaps .intro{top: 5rem;}

	.money{padding: 5rem 0;}

	.dc{padding: 5rem 30px;}
	.trust{padding: 5rem 0;}
	.staff{padding: 5rem 0;}

	.foot{padding: 5rem 3rem;}
}


@media screen and (max-height: 900px) and (min-width: 1001px){

	.letter{display: block;}


}


@media screen and (max-height: 850px) and (min-width: 1001px){
	.banner .copy{display: block;}
	.letter{ display: block;}

	/*.impact-num{padding: 3rem 0;}*/

}


@media screen and (max-height: 800px) and (min-width: 1001px){
.banner .copy{padding: 3rem 0;}

	.letter{padding: 3rem 30px;}
	.letter p.big {font-size: 18px; margin: 0 0 20px;}
	.letter p {font-size: 16px; margin: 0 0 20px;}
	.letter .sig {width: 225px;}
	a.more {font-size: 16px;}
	.letter a.more:after{left: 120px;}


	.impact-num{padding: 3rem 0;}

	.snaps .intro{top: 3rem;}
	.snaps .intro p {font-size: 18px;}
	.snaps-swiper {margin: 30vh 0 0 auto !important;}
	.snaps-swiper .wrap .text .quote {font-size: 18px;}
	.snaps-swiper .wrap .text .who {font-size: 18px;}
	.snaps-swiper .wrap .photo{text-align: center;}
	.snaps-swiper .wrap .photo img {max-width: 250px;}




	.money{padding: 3rem 0;}
	.dc{padding: 3rem 30px;}
	.trust{padding: 3rem 0;}
	.staff{padding: 3rem 0;}
	.foot{padding: 3rem 30px;}

}

@media screen and (max-width: 1000px){

	.scroll-wrapper{display: block; overflow: hidden;}
	.scroll-wrapper .section{height: unset;}

	.banner{ width: 100%; display: block;   background: linear-gradient(180deg,rgba(20, 64, 107, 1) 20%, rgba(2, 147, 125, 1) 50%, rgba(143, 198, 64, 1) 80%);}
	.banner:before{clip-path: polygon(100% 0, 0% 100%, 100% 100%); width: 100%; height: 80px; z-index: 5;}
	.banner:after{display: none;}

	.banner .lines-1{
		display: block;
		position: absolute;
		aspect-ratio: 1904/1449;
		height: 100%;
		left: -650px;
		top: -243px;
		background: url(../images/lines-1.png);
		background-size: 100%;
		background-repeat: no-repeat;
	}

/*	.banner .lines-2{
		display: block;
		position: absolute;
		aspect-ratio: 1904/1449;
		height: 800px;
		background: url(../images/lines-2.png);
		background-size: 100%;
		background-repeat: no-repeat;
		right: -600px;
		bottom: -200px;
	}*/

	.banner .left-collage{display: none;}
	.banner .right-collage{display: none;}
	.banner .copy{width: 100%; padding: 50px 80px; position: relative; top: 0; left: 0;  transform: unset;}
	.banner .logo {width: 150px; min-width: unset; max-width: unset; margin: 0 auto 15px;}
	.banner .sub{padding: 20px 0; font-size: 24px;}
	.banner .arrows{display: block; aspect-ratio: 172/203; width: 40px; background: url(../images/arrows-d.png); background-size: 100%; background-repeat: no-repeat; margin: 0 auto;}
	.banner .note{display: none;}
	.banner .mob-collage{display: block; height: fit-content; position: relative;}
	.banner .mob-collage .people{ aspect-ratio: 1000/1194; width: 100%;  max-width:650px; margin: 0 auto; background: url(../images/banner-1.png); background-size: 100%; z-index: 2;}


	.christine{display: none;}

	.letter{width: unset; max-width: unset; min-width: unset; padding: 50px 80px;}

	.collage{height: fit-content !important; width: unset; min-width: unset;}
	.collage .people{width: 75%; height: unset; max-width: 370px; position: relative; left: unset; bottom: unset; margin: 0 auto;}

	.grade-two{width: unset; min-width: unset; display: block; background: linear-gradient(0deg,rgba(20, 64, 107, 1) 20%, rgba(2, 147, 125, 1) 50%, rgba(143, 198, 64, 1) 90%);}
	.grade-two:before{top: 0; left: 0; clip-path: polygon(0 0, 100% 0%, 100% 50%, 0% 100%); width: 100%; height: 250px; min-width: unset;}
	.grade-two:after{bottom: 0; clip-path: polygon(100% 0, 0% 100%, 100% 100%); width: 100%; height: 80px; z-index: 5;}

	.launched{width: unset; min-width: unset; max-width: unset; padding: 50px 80px 80px; display: block; margin: 0;}
	.launched:before{aspect-ratio: 1021/875; width: 100%; height: unset; background: url(../images/top-stripes.png); background-size: 100%; top: 0%; left: 0%; background-repeat: no-repeat;}
	.launched h2{text-align: center; position: relative; left: 0; margin: 0 0 20px; font-size: 36px;}

	.launch-swiper{margin: 0; height: unset; aspect-ratio: unset;}
	.launch-swiper .swiper-wrapper{height: 100% !important;}
	.launch-swiper .wrap{display: block;}
	.launch-swiper .swiper-slide .wrap .image{width: 100%; max-width: 700px; margin: 0 auto;}
	.launch-swiper .swiper-slide .wrap .image .hold{width: 100%;}
	.launch-swiper .swiper-slide .wrap .copy{width: unset; max-width: 700px; display: block; margin: 30px auto 0; text-align: center;}
	.launch-swiper .pag{display: none;}
	.launch-swiper .swiper-button-prev {left: 42% !important; width: 35px !important; height: 35px !important; background-size: auto 20px; background-position: right 14px top 7.5px; margin-left: -17.5px !important;}
	.launch-swiper .swiper-button-next { left: unset !important; right: 42% !important; width: 35px !important; height: 35px !important; background-size: auto 20px; background-position: left 14px top 7.5px; margin-right: -17.5px !important;}
	.launched .copy h3{margin: 0 auto 20px;}
	.launched .copy p{margin: 0 auto 30px;}
	.launched .copy a.more.white{margin: 0 auto 20px;}
	.launch-swiper .swiper-slide .wrap .copy .buttons{height: 35px;}



	.collage-two{width: unset; height: fit-content;}
	.collage-two .person{height: unset; width: 55%; max-width: 350px; right: unset; transform: unset; position: relative; margin: 0 auto;}
	.collage-two .pattern{width: 40%; left: 40%; transform: translateX(-40%);}

	.spotlight{width: unset; min-width: unset; padding: 50px 80px; display: block; margin: 0;}
	.spotlight .intro{position: unset; left: 0; top: 0; transform: unset; margin: 0 0 50px; text-align: center;}
	.spotlight .intro p{margin: 0 auto;}
	.spotlight-swiper{margin: 0; height: unset; aspect-ratio: unset; width: unset !important; margin: 0 !important;}
	.spotlight-swiper .swiper-wrapper{height:100%;}
	.spotlight-swiper .wrap{display: block;}
	.spotlight-swiper .swiper-slide .wrap .image{width: 100%; max-width: 700px; margin: 0 auto;}
	.spotlight-swiper .swiper-slide .wrap .image .hold{width: 100%;}
	.spotlight-swiper .swiper-slide .wrap .copy{width: unset; max-width: 700px; display: block; margin: 30px auto 0; text-align: center; padding: 0;}
	.spotlight-swiper .swiper-slide .wrap .copy p{margin: 0 auto 20px;}
	.spotlight-swiper .swiper-slide .wrap .copy a.more.white{margin: 0 auto 20px;}
	 .spotlight .pag{display: none;}

	.spotlight-swiper .swiper-button-prev {left: 42% !important; width: 35px !important; height: 35px !important; background-size: auto 20px; background-position: right 14px top 7.5px; margin-left: -17.5px !important;}
	.spotlight-swiper .swiper-button-next { left: unset !important; right: 42% !important; width: 35px !important; height: 35px !important; background-size: auto 20px; background-position: left 14px top 7.5px; margin-right: -17.5px !important;}
	
	.mob-images{display: block; height:fit-content; position: relative;}

	.mob-images .people{
  position: relative;
  aspect-ratio: 598/704;
  width: 80%;
  max-width: 450px;
  margin: 0 auto;
  background: url(../images/impact-col.png);
  background-size: 100%;
}

.mob-images .pattern{
  position: absolute;
  aspect-ratio: 525/416;
  /*width: 96.956522%;*/
  height: 88px;
  background: url(../images/pattern-small.png);
  background-size: 100%;
  bottom: 10px;
  left: 30%;
  transform: translateX(-30%);
  z-index: 3;
  background-repeat: no-repeat;
}


	.collage-three{display: none;}

	.impact-num{width: unset; min-width: unset; padding: 50px 80px;}
	.impact-num .grid{margin: -.75rem;}
	.impact-num .grid .item{-ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; padding: .75rem;}
	.impact-num .wrap h3.left{margin-left: 0;}
	.impact-num .wrap h3{font-size: 80px; margin: 0 0 5px;}

	.grade-three{width: unset; min-width: unset; display: block; background: linear-gradient(0deg,rgba(20, 64, 107, 1) 15%, rgba(2, 147, 125, 1) 70%, rgba(130, 180, 98, 1) 100%);

		/*ackground: linear-gradient(0deg,rgba(20, 64, 107, 1) 20%, rgba(2, 147, 125, 1) 50%, rgba(143, 198, 64, 1) 90%);*/
	}
	.grade-three:before{clip-path: polygon(0 0, 0% 100%, 100% 0); height: 80px; width: 100%;}
	.grade-three:after{bottom: 0; clip-path: polygon(100% 0, 0% 100%, 100% 100%); width: 100%; height: 80px; }

	.first{width: 100%; height: 80px;}
	.first .pattern{display: none;}
	.first .pattern-white{left: unset; height: 300px; bottom: unset; top: 80px; right: -150px;}


	.snaps{width: unset; min-width: unset; padding: 50px 80px;}
	.snaps:before{top: 0; left: 0; clip-path: polygon(0 0, 0% 100%, 100% 0); width: 100%; height: 80px; min-width: unset;}
	
	.snaps .intro{position: unset; top: 0; left: 0; margin: 0 auto 50px; text-align: center;}
	.snaps .intro p{margin: 0 auto; font-size: 20px;}

	.snaps-swiper{margin: 0 !important; width: 100% !important;}
	.snaps-swiper .wrap{display: block;}
	.snaps-swiper .wrap .photo{margin: 0 auto 20px; min-width: 250px;}
	.snaps-swiper .wrap .text{width: 100%; padding: 0;}
	.snaps-swiper .wrap .text h3{text-align: center;}
	.snaps-swiper .wrap .text .quote{text-align: center; margin: 0 0 30px;}
	.snaps-swiper .wrap .text .who{max-width: unset; width: 50%; margin: 0 auto; text-align: center;}
	.snaps.pag{display: none;}
	.snaps-swiper .buttons{display: block; position: relative; height: 35px; margin: 5px 0 20px;}
	.snaps-swiper .swiper-button-prev {left: 39% !important; width: 35px !important; height: 35px !important; background-size: auto 20px; background-position: right 14px top 7.5px; margin-left: -17.5px !important;}
	.snaps-swiper .swiper-button-next { left: unset !important; right: 39% !important; width: 35px !important; height: 35px !important; background-size: auto 20px; background-position: left 14px top 7.5px; margin-right: -17.5px !important;}
	.snaps .pag{display: none;}

	.collage-four{height: fit-content; width: unset; min-width: unset;}
	.collage-four .pattern-white{height: 300px; top: -150px; left: -150px;}
	.collage-four .people{position: relative; width: 75%; right: unset; bottom: 0; max-width: 500px; margin: 0 auto;}
	.collage-four .pattern{display: none;}

  
	.money{width: unset; min-width: unset; padding: 80px 80px 50px;}
	.money .total{text-align: center; padding: 0 0 50px;}
	.money .list{margin: 0 auto;}

	.pie{width: unset; min-width: unset; padding: 0px 80px 50px;}
	.pie .wrap{display: block; width: unset;}
	.pie .wrap .left{width: unset; max-width: 500px; margin: 0 auto 30px;}
	.pie .wrap .right{width: unset; padding: 0;}
	#pieText .panel{display: block; padding: 0; height: 400px; text-align: center;}
	#segmentText{margin: 0 auto;}
	#segmentMoney .mob{display: block;}
	#segmentMoney .desk{display: none;}

	.dc{width: unset; min-width: unset; padding: 50px 80px;}
	.dc .pattern{ height: unset; width: 300px; left: unset; right: -40px; top: -200px;}
	.dc .header{width: unset;}
	.dc .grid{width: unset; margin: -.75rem;}
	.dc .grid .item{-ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%;}

	.grade-four{width: unset; min-width: unset; display: flex; flex-direction: column; background: linear-gradient(0deg,rgba(20, 64, 107, 1) 26%, rgba(2, 147, 125, 1) 87%, rgba(143, 198, 64, 1) 100%);}
	.grade-four:before{clip-path: polygon(0 0, 0% 100%, 100% 0); height: 80px; width: 100%;}

	.trust{ ordeer: 1; width: unset; min-width: unset; padding: 130px 80px 50px;}
	.trust .header{width: unset; margin: 0 0 50px;}
	.trust .grid{width: unset; margin: -.75rem; position: relative; z-index: 2;}
	.trust .pattern-white{height: 300px; right: -124px; z-index: 1; bottom: -105px;}

	.staff{ order: 2; width: unset; min-width: unset; padding: 50px 80px;}
	.staff .header{width: unset; margin: 0 0 50px;}
	.staff .grid{width: unset; margin: -.75rem;}
	.staff .grid .item{-ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%;}

	.collage-five{order: 3; width: unset; min-width: unset; height: fit-content;}
	.collage-five .people{height: unset; width: 75%; max-width: 500px; margin: 0 auto; position: relative; left: 0; bottom: 0;}

	.foot{width: unset; padding: 30px 80px 50px;}
	.foot .copy{max-width: unset;}
	.foot .copy .top{padding: 0; border-bottom: none;}
	.foot .copy .top .logo{width: 140px; margin: 0 auto 30px;}
	.foot .copy .mid{display: block; padding: 0 0 30px;}
	.foot .copy .mid .left{display: none;}
	.foot .copy .mid .right{width: unset; text-align: center;}
	.foot .copy .mid .right .links li{margin: 0 0 5px;}

	.foot .copy .mid .right .socials{justify-content: center;}
	.foot .copy .mid .right .socials li {height: 32px;}
	.foot .copy .mid .right .socials li a{height: 32px;}

	.foot .copy .lower{
		max-width: 450px;
        margin: 0 auto;
        padding: 30px 0 0;
        text-align: center;
	}

	.foot .copy .lower p{max-width: unset;}

	.outer{max-width: 600px;}
	.outer .inner {padding: 50px 30px;}
	.outer .inner h2 {font-size: 45px; margin: 0 0 10px;}

  }

  @media screen and (max-width: 850px){
  	.banner h1 {font-size: 180px;}

  	.first .pattern-white { z-index: 1;height: 275px;top: 260px;right: -174px;}
  	.dc .pattern {right: -150px;}


  }



@media screen and (max-width: 700px){

	.banner:before{height: 50px;}
	.banner .copy{padding: 50px 60px;}

	.banner h1{font-size: 150px;}

	.letter{padding: 50px 60px;}
	.letter h2{font-size: 36px; margin: 0 0 20px;}
	.letter p.big {font-size: 18px; margin: 0 0 20px;}
	.letter p{font-size: 16px; margin: 0 0 20px;}
	.letter .sig{width: 200px; margin: 0 0 10px;}

	.grade-two:after{height: 50px;}

	.launched{padding: 50px 60px}
	.launch-swiper .swiper-slide .wrap .copy {margin: 20px auto 0;}
	.launch-swiper .swiper-slide .wrap .copy .buttons{padding: 0 0 20px;}
	.launched .copy h3 {line-height: 1.1em; margin: 0 auto 15px;}
	.launched .copy p{margin: 0 auto 20px;}

	.spotlight{padding: 50px 60px;}
	.spotlight .intro{margin: 0 auto 30px;}
	.spotlight .intro p{max-width: unset; font-size: 18px; line-height: 1.3em;}
	.spotlight-swiper .swiper-slide .wrap .copy p{max-width: unset;}

	.spotlight-swiper .swiper-slide .wrap .copy h3{font-size: 24px; line-height: 1.1em; margin: 0 0 15px;}

	.impact-num{padding: 50px 60px;}
	.impact-num h2 {font-size: 36px; margin: 0 0 40px;}
	.impact-num .wrap h3{font-size: 60px;}
	.impact-num .wrap h3.left{margin-left: 0;}

	.grade-three:before{height: 50px;}
	.grade-three:after{height: 50px;}
	.first {height: 30px;}


	.snaps{padding: 50px 60px;}
	.snaps-swiper .wrap .text h3{font-size: 24px; line-height: 1.1em; margin: 0 0 15px;}
	.snaps-swiper .wrap .text .quote{font-size: 18px; margin: 0 0 20px; line-height: 1.3em;}
	.snaps-swiper .wrap .text .who{width: unset; font-size: 16px;}

	.collage-four .pattern-white {left: -225px;}


	.money{padding: 50px 60px;}
	.money .list{min-width: unset; width: 100%;}
	.money .list .item .icon {width: 60px;}
	.money .list .item .copy{width: calc(100% - 60px);}
	.money .list .item .copy .cat {font-size: 14px; line-height: 1.1em;}
	.money .list .item .copy .num{font-size: 36px;}
	


	.pie{padding: 0px 60px 50px;}

	.dc{padding: 50px 60px;}
	.dc .pattern {right: -200px;}

	.dc .grid .item{-ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%;}

	.grade-four:before{height: 50px;}

	.trust{padding: 80px 60px 50px;}
	.trust .grid .item{-ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%;}
	.trust .pattern-white {bottom: -50px; right: -160px;}


	.staff{padding: 50px 60px;}
	.staff .grid .item{-ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%;}

	.foot{padding: 30px 60px 50px;}

	.outer{max-width: 400px; padding: 10px;}
	.outer .inner { padding: 40px 20px 20px; }
	.outer .inner .text {padding-right: 10px;}
	.outer .inner h2{font-size: 24px;}
	.outer .inner h2 sup{font-size: 16px;}
	.outer .inner .text h3{font-size: 18px; margin: 0 0 20px;}
	 .outer .inner .text p,
	 .outer .inner .text p.big { font-size:16px; margin: 0 0 20px;}
	 .outer .inner .text .btn{font-size: 14px; }
	 .outer .inner .hide{font-size: 12px;}

}

@media screen and (max-width: 600px){
	.banner h1{font-size: 120px;}
	@supports((text-stroke: 1px white) or (-webkit-text-stroke: 1px white)) {.banner h1{ color: transparent; -webkit-text-stroke: 1px white; text-stroke: 1px white; text-shadow: none;}}
	.banner .sub {font-size: 20px; padding: 15px 0;}
	.banner .logo {width: 120px;}

	.impact-num .grid .item{-ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%;}
	.impact-num .wrap p{max-width: unset;}

	.dc .pattern {right: -250px;}

}



@media screen and (max-width: 500px){
	/*.banner:before{height: 30px;}*/
	.banner .copy{padding: 50px 40px;}
	.banner .logo {width: 100px;}
	.banner h1 {font-size: 100px;}
	.banner .sub {font-size: 18px;}



	.letter{padding: 50px 40px;}

	/*.grade-two:after{height: 30px;}*/

	.launched{padding: 50px 40px;}
	.spotlight{padding: 50px 40px 80px;}

	.impact-num{padding: 50px 40px;}

	.snaps{padding: 50px 40px;}
	.snaps:before{height: 30px;}

	.money{padding: 50px 40px;}
	.money .total h2 {font-size: 60px;}


	.pie{padding: 0px 40px 50px;}

	.dc{padding: 50px 40px;}
	.trust{padding: 80px 40px 50px;}
	.trust .pattern-white {bottom: -20px; height: 250px; right: -125px;}

	.staff{padding: 50px 40px;}

	.foot{padding: 30px 40px 50px;}

}

@media screen and (max-width: 370px){

	.banner .copy{padding: 50px 25px;}

	.letter{padding: 50px 25px;}

	.launched{padding: 50px 25px;}

	.spotlight{padding: 50px 25px;}

	.impact-num{padding: 50px 25px;}

	.snaps{padding: 50px 25px;}

	.money{padding: 50px 25px;}

	.pie{padding:50px 25px;}

	.dc{padding: 50px 25px;}
	.trust{padding: 80px 25px 50px;}
	.staff{padding: 50px 25px;}

	.foot{padding: 30px 25px 50px;}

}