@media screen and (max-width: 1600px){
	#panel_9 table { font-size: 14px; }
	#panel_9 table td { padding: 3px 5px; }
	#panel_9 table thead td { font-size: 16px; }
	#panel_9 table tbody td { width: 105px; }
}

@media screen and (max-width: 1375px){
	#panel_2 .caption .text { font-size: 22px; }
	#panel_8 table { font-size: 12px; }
	#panel_8 table td { padding: 2px 5px; }
	#panel_8 table thead td { font-size: 14px; }
	#panel_8 table tbody td { width: 85px; }
	#panel_8 .pie_chart img { width: 300px; }
}

@media screen and (max-width: 1150px){
	.nav { font-size: 14px; }
}

@media screen and (max-width: 1025px){
	.nav { font-size: 13px; }
	#panel_1 .caption .title { font-size: 50px; line-height: 50px; }
	#panel_1 .caption .key { font-size: 30px; line-height: 30px; }
	#panel_1 .caption .text { font-size: 20px; }
	#panel_3 .caption { width: 550px; }
	#panel_3 .caption .title { font-size: 30px; line-height: 30px; }
	#panel_3 .caption .text { font-size: 20px; }
	#panel_9 table { width: 375px; }
	#panel_9 table { font-size: 11px; }
	#panel_9 table td { padding: 0px 5px; }
	#panel_9 table thead td { font-size: 13px; }
	#panel_9 .pie_chart img { width: 200px; }
	#panel_9 .stats { font-size: 35px; line-height: 35px; }
}

@media screen and (max-width: 975px){
	.nav .logo img { height: 35px; margin: 15px 0; }
	.nav { font-size: 12px; }
}

@media screen and (max-width: 885px){
	.nav { font-size: 11px; }
}

@media screen and (max-width: 850px){
	#panel_10 .wrapper { width: auto; padding: 0 15px; }
}

@media screen and (max-width: 825px){
	.nav .links { display: none; }
	.nav .logo { float: none; }
	.nav .logo img { margin: 15px auto; }
}

@media screen and (max-width: 800px){
	#panel_1 .caption { left: 50px; bottom: 115px; }
	#panel_2 .caption .text { padding: 50px; font-size: 15px; }
	#panel_2 .caption .text .title { font-size: 25px; }
	#panel_3 .caption { left: 50px; top: 115px; }
	.impact_panel .icon img { width: 100px; height: 100px; }
	.impact_panel .amount { font-size: 50px; line-height: 50px; }
	.impact_panel .invested { font-size: 16px; line-height: 16px; }
	.impact_panel .areas { font-size: 16px; }
	#panel_9 .stats { font-size: 25px; line-height: 25px; }
	#panel_9 .stats .label { font-size: 13px; line-height: 13px; }
	#panel_9 .stats img { height: 20px; margin-top: -5px; margin-right: 5px; }
}

@media screen and (max-width: 750px){
	#panel_9 .l_cell { top: auto; padding-bottom: 0; }
	#panel_10 { border-top: 0; }
}

@media screen and (max-width: 700px){
	.nav { position: fixed !important; top: 0 !important; }
	.panel { min-height: 1px !important; overflow: hidden; }
	#panel_1 { margin-top: 65px; border-bottom: 3px solid #FFF; }
	#panel_1 .caption { position: relative; left: auto !important; bottom: 0 !important; padding: 45px 15px; }
	#panel_1 .caption .title { font-size: 40px; line-height: 40px; }
	#panel_1 .caption .key { font-size: 20px; line-height: 20px; }
	#panel_1 .caption .text { font-size: 15px; }
	#panel_1 .caption .text .br { display: none; }
	#panel_2 .signature img { height: 100px; }
	#panel_3 .caption { position: relative; left: auto !important; top: 0 !important; padding: 45px 15px; width: auto; }
	#panel_3 .caption .title { font-size: 20px; line-height: 20px; }
	#panel_3 .caption .text { font-size: 15px; }
	.impact_panel { padding: 45px 15px; }
	.impact_panel .cell { position: relative; width: auto; }
	.impact_panel .l_cell { padding-bottom: 45px; }
	#panel_9 { padding: 45px 15px; }
	#panel_9 .l,
	#panel_9 .r { float: none; width: auto; }
	#panel_9 .pie_chart { margin-top: 25px; }
	#panel_9 .stats .w_33 { float: none; width: auto; padding-bottom: 25px; }
	#panel_10 .photo .caption { font-size: 18px; padding: 5px 0; }
}

@media screen and (max-width: 500px){
	#panel_1 .caption .title { font-size: 30px; line-height: 30px; }
	#panel_1 .caption .key { font-size: 18px; line-height: 18px; }
	#panel_1 .caption .text { font-size: 12px; }
	#panel_2 .caption .text { font-size: 12px; }
	#panel_2 .caption .text { padding: 15px; padding-top: 45px; font-size: 12px; }
	#panel_2 .caption .text .title { font-size: 16px; }
	#panel_2 .signature { margin-right: 25px; }
	#panel_2 .signature img { height: 75px; }
	#panel_3 .caption .title { font-size: 18px; line-height: 18px; }
	#panel_3 .caption .text { font-size: 12px; }
	.impact_panel .icon img { width: 75px; height: 75px; }
	.impact_panel .l_cell { padding-bottom: 20px; }
	.impact_panel .amount { font-size: 25px; line-height: 25px; }
	.impact_panel .invested { font-size: 14px; line-height: 14px; padding: 10px 0; }
	.impact_panel .areas { font-size: 13px; }
	#panel_9 table { width: 250px; }
	#panel_10 .person { margin-bottom: 10px; }
	#panel_10 .photo { padding-bottom: 35%; }
	.footer .wrap { padding: 15px 10px; }
	.footer .l, .footer .r { float: none; text-align: center; }
}

@media screen and (max-width: 350px){
	#panel_1 .caption .title { font-size: 25px; line-height: 25px; }
}