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


	.intro {padding: 80px 120px; }

	.stories{padding: 80px 120px;}
	.stories .wrap h3 {font-size: 26px;}


	.mission{padding: 80px 120px;}

	
	.random{padding: 0 50px 0 0;}
	.random:before{width: 50px;}

	.random .wrapper{padding: 50px 120px;}

	.f-camp{padding: 80px 120px;}

	.financial{padding: 80px 120px;}

	.financial .container .col-stats{width: calc(100% - 500px); padding: 0 50px 0 0;}
	.financial #expenses.container .col-stats{padding: 0 0 0 50px;}
	.financial .container .col-chart{width: 500px;}
	.financial #expenses.container{padding: 80px 0 0;}

	.board{padding: 80px 120px;}

	.final{padding: 50px 120px;}
	.footer{padding: 50px 120px;}

	
}



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

	.header {height: 150px; padding: 0 90px;}
	.header .logo{width: 300px; height: 72px; top: calc(50% - 36px); right: 90px;}

/*	.banner:before{ height: 175px; width: 443px; bottom: -87.5px; left: -221.5px;}
	.banner:after{right: 90px; width: 275px; height: 189px; bottom: -120px;}*/

	.intro {padding: 80px 90px;}
	/*.intro h2 {font-size: 48px; padding: 50px 0 0;}*/

	.stories{padding: 80px 90px;}

	.mission{padding: 80px 90px;}

	.random .wrapper{padding: 50px 90px;}


	.f-camp{padding: 80px 90px;}

	.financial{padding: 80px 90px;}

	.financial .container .col-stats{width: calc(100% - 400px); padding: 0 50px 0 0;}
	.financial #expenses.container .col-stats{padding: 0 0 0 50px;}
	.financial .container .col-chart{width: 400px;}

	.board{padding: 80px 90px;}
	.board:before{height: 175px; width: 443px; top: -87.5px; right: -221.5px;}

	.final{padding: 50px 90px;}

	.footer:after{left: 90px; width: calc(100% - 180px);}
	.footer{padding: 50px 90px;}

}


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

	.header { padding: 0 40px;}
	.header .logo{right: 40px;}

	.banner:before{ height: 100px; width: 253px; bottom: -50px; left: -126.5px;}
	.banner:after{display: none;}

	.intro{padding: 60px 80px; background: none;}

	.stories{padding: 60px 80px;}

	.random .wrapper{padding: 50px 80px;}

	.mission{padding: 60px 80px;}
	.mission .slider{padding-top: 60px;}

	/*.text-area{padding: 60px 80px;}*/

	.f-camp{padding: 60px 80px;}
	/*.f-camp .wrap{padding: 90px 80px 60px;}
	.f-camp .wrap:before{height: 30px;}*/


	.financial{padding: 60px 80px;}

	.board{padding: 60px 80px;}

	.final{padding: 50px 80px;}
	.final .grid{display: block;}
	.final .grid .item{width: unset;}
	.final .grid .item .cover{text-align: center;}
	.final .grid .item p{max-width: unset;}

	.footer:after{left: 80px; width: calc(100% - 160px);}
	.footer{padding: 50px 80px;}
	.footer .logo{width: 500px; height: 121px;}	
}



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

	/*.intro h2 {font-size: 36px; padding: 30px 0 0;}*/

	.random .text{max-width: unset;}

	.text-area{columns: unset;}

		.random{padding: 0}
		.random:before{display: none;}

	.f-camp ul{columns: unset;}

	.financial .container{display: block;}

	.financial .container .col-stats{width: 100%; padding: 0 0 30px;}
	.financial #expenses.container .col-stats{padding: 0 0 30px 0;}
	.financial .container .col-stats ul{max-width: unset;}
	.financial .container .col-chart{width: 100%;}

	.board{display: none;}
}




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

	.header{padding: 0 25px; height: 100px;}
	.header .title {font-size: 15px;}
	.header .logo{width: 230px; height: 56px; top: calc(50% - 28px); right: 25px;}

	.banner:before{display: none;}

	.banner .tall{display: inline;}
	.banner .wide{display: none;}


	.intro{padding: 50px 60px;}

	.stories{padding: 50px 60px;}

	.mission{padding: 50px 60px;}


	.random .wrapper{padding: 50px 60px;}

	.f-camp{padding: 50px 60px;}


	.financial{padding: 50px 60px;}

	.board:before{display: none;}

	.final{padding: 50px 60px;}

	.footer:after{left: 60px; width: calc(100% - 120px);}
	.footer{padding: 50px 60px;}
	.footer .logo{width: 350px; height: 84px;}


}


@media screen and (max-width: 600px){
	.header{height: unset; padding: 25px; flex-direction: column-reverse; text-align: center;}
	.header .logo{position: relative; top: 0; right: 0; margin: 0 auto 10px;}

	.mission .slider {padding-top: 50px; margin: 0 -60px;}
	.mission .slider .item{padding: 0 10px;}

}




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


	.intro{padding: 50px 40px;}
	.intro h2 {font-size: 30px;}

	.stories{padding: 50px 40px;}

	.mission{padding: 50px 40px;}
	.mission .slider {margin: 0 -40px;}

	.random .wrapper{padding: 50px 40px;}

		/*.text-area .wrap{padding: 70px 40px 50px;}*/

	.f-camp{padding: 50px 40px;}

	.financial{padding: 50px 40px;}


	.final{padding: 50px 40px;}

	.footer:after{left: 40px; width: calc(100% - 80px);}
	.footer{padding: 50px 40px;}
	.footer .logo{width: 200px; height: 48px;}

}



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

	.intro{padding: 50px 25px;}

	.stories{padding: 50px 25px;}

	.mission{padding: 50px 25px;}
	.mission .slider {margin: 0 -25px;}

	.random .text{padding: 50px 25px;}

	.text-area .wrap{padding: 70px 25px 50px;}

	.f-camp .wrap{padding: 50px 25px;}

	.financial{padding: 50px 25px;}

	.thanks .wrap{padding: 50px 25px;}

	.board{padding: 50px 25px;}

	.final{padding: 50px 25px;}

	.footer:after{left: 25px; width: calc(100% - 50px);}
	.footer{padding: 50px 25px;}

}