@charset "utf-8";
/* CSS Document */

 

@media (max-width:1750px) {
	#home .impact .left{
		width:580px;
	}
	
	#home .impact .left h2 {
		font-size: 60px;
		letter-spacing: -2.5px;
	}
	
	#home .link .large {
		
		font-size: 45px;
		 
		letter-spacing: -2.5px;
	}
	
	#footerwrapper ul li {
	 
		margin: 0 12px 0 0;
	 
		font-size: 14px;
	}
	
	#footerwrapper .logo img {
		width: 120px;
	}
	
	#footerwrapper .logo{
		width:300px;
	}
	
	#footerwrapper .logo .address{
		font-size:13px;
	}
	
	#pages.about .mission .image{
		width:650px;
	}
	
	#pages .callout {
		 
	 
		font-size: xx-large;
		line-height: 1.2;
	 
	}
}

@media (max-width:1550px) {
	#topwrapper .left .logo img {
		width: 120px;
	}
	
	#topwrapper .left a{
		font-size:20px;
	}
	
	#topwrapper .left {
		width: 23%;
	}
	
	#navwrapper ul li {
	 
		margin: 0 0 0 40px;
	 
	}
	
	#home .services .right{
		position:relative;
		z-index:9;
	}
	
	#home #topwrapper .top {
		align-items: end;
	}
	
	#home .services .large{
		font-size:60px;
	}
	
	#home .impact .star img{
		width:200px;
	}
	
	#home .impact .left h2{
		font-size:50px;
	}
	
	 #home .impact .left {
        width: 440px;
	 
    }
	
	#home .services .box{
		z-index:8;
	}
	
	#footerwrapper .logo {
        width: 260px;
    }
	
	    #footerwrapper .logo .address, #footerwrapper li a {
        font-size: 12px;
    }
	
	#footerwrapper .logo a{
		font-size:20px;
	}
	
	#pages .text.center{
		width:95%;
		margin:0 auto;
	}
 
}

@media (max-width:1350px) {
	#navwrapper .subnav li.drop {
	position:static;
}
 
 
#topwrapper #navwrapper .nav .sub_menu li {
	display:inline;
}

 

#topwrapper #navwrapper .nav .sub_menu li a {
	display:inline;
	border:none;
	color: #fff;
	padding:10px;
	z-index:999;
	position:relative;
	
	text-transform: uppercase;
   
    font-size: 12px;
    letter-spacing: 2.8px;
    
}

#topwrapper #navwrapper .nav .sub_menu li a:hover {
	color:#fff;
	
}
 
#navwrapper li.drop{
	position:relative;
}

 

#navwrapper .logo img{
	margin:0 auto;
	width:200px;
	position: relative;
    z-index: 9;
}

.main-menu{
	  position: absolute;
	  display: none;
	  right: 0px;
	  top: 0;
	  height: 100%;
	  width:100%;
	  transition: left 0.3s ease, box-shadow 0.3s ease;
	  z-index: 999;
		 
	}
	
	
	
	 
	
	#navwrapper .main-menu ul{
	  list-style: none;
	  margin: 0;
	  padding:1em 0;
	 
	  
	  min-height: 100%;
	  width: 100%;
	  background:#1D3063;
	  z-index:9;
	  text-align:center;
	 
	}
	
	#topwrapper .sub_menu{
		position:relative;
		visibility:visible;
		top:0;
	}
	
	#navwrapper .donate a{
		background:none;
		    font-family: Helvetica, sans-serif;
	}
	
	#navwrapper .main-menu a {
	  display: block;
	  padding:0px 0px;
  
	  font-size: xxx-large;
	  color: #fff;
	  text-decoration: none;
	  border:none;
	  border-radius:0;
	  
	  text-align:center;
	  position:relative;
	}
	
	#navwrapper .main-menu a:hover, #topwrapper #navwrapper .nav .sub_menu li a:hover{
		color:#2CC3FC;
	}

 

#topwrapper #navwrapper .sub_menu li a {
    line-height: 10px;
}

#topwrapper #navwrapper .nav .sub_menu li a{
    padding: 0 10px;
    
}
	#navwrapper .main-menu .menu-close{
		position:absolute;
		right:60px;
		top:30px;
	}
	
	#navwrapper .fa.fa-close{
		font-size:16px;
		font-weight:300;
	}
	
	 #navwrapper {
 
		 display:flex;
	}
	
	 
	
	#navwrapper li.drop{
		cursor:pointer;
	}
	
	 
	
	#navwrapper ul li {
		margin: 40px 0 0 0;
		display:block;
	}
	
	 
	
	 
	#navwrapper .fa-bars{
		color: #2CC3FC;
		font-size:28px;

		margin:20px 20px 0 0;
	}
	
	#home #navwrapper .fa-bars{
		color:#fff;
	}
	
	 
	#navwrapper .menu-toggle, #navwrapper .menu-close{
		display:block;
	}
	 
	 
	
	 

	.main-menu li:first-child a {
	  border-top: 1px solid #383838;
	}
	
	.main-menu a:hover,
	.main-menu a:focus,
	{
	  background: #333;
	  text-decoration: none;
	}
	
	.main-menu .menu-close {
	  position: absolute;
	  right: 0;
	  top: 0;
	  border-bottom: none!important;
	}
	 
	.main-menu:target, .main-menu[aria-expanded="true"]{
	  display: block;
	  right: 0;
	  outline: none;
	  -moz-box-shadow: 3px 0 12px rgba(0,0,0,.25);
	  -webkit-box-shadow: 3px 0 12px rgba(0,0,0,.25);
	  box-shadow: 3px 0 12px rgba(0,0,0,.25);
	  text-align:right;
	  
	  
	}
	
	.main-menu:target .menu-close, .main-menu[aria-expanded="true"] .menu-close{
	  z-index: 1001;
	}
	
	.main-menu:target ul, .main-menu[aria-expanded="true"] ul, {
	  position: relative;
	  z-index: 1000;
	}
	 
	.main-menu:target + .backdrop,
	.main-menu[aria-expanded="true"] + .backdrop{
	  position: absolute;
	  display: block;  
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 998;
	  background: #000;
	  background: rgba(0,0,0,.85);
	  cursor: default;
	  
	}
	
	
	@supports (position: fixed) {
	  .main-menu,
	  .main-menu:target + .backdrop,
	  .main-menu[aria-expanded="true"] + .backdrop{
		position: fixed;
		 
	  }
	  
	  #topwrapper .left{
		  width:400px;
	  }
	  
	  #home .services .right{
		  width:55%;
	  }
	  
	  #home .services .left{
		  width:40%;
	  }
	  
	  #home .services .name {
		padding: 12px;
		 
		bottom: 70px;
		font-size: 25px;
		border-radius: 12px 0 0 12px;
	}
	
	#home .services .box{
		width:750px;
	}
	
	#home .impact .left, #home .impact .left.scrolled{
		position:relative;
		top:0;
		justify-content:left;
		width:100%;
		margin:60px 0 0 0;
	}
	
	#home .impact .stats{
		width:95%;
		float:none;
		margin:50px auto 0 auto;
	}
	
	    #home .link .large {
        font-size: 30px;
			line-height:1;
        letter-spacing: -1.5px;
    }
	
	#footerwrapper .left{
		display:none;
	}
	
	#navwrapper{
		width:auto;
	}
	
	#home #topwrapper .top {
         
        justify-content: space-between;
    }
	
	#home .testimonials .header{
		font-size:45px;
		line-height:1;
	}
	
	#footerwrapper .footer{
		align-items:center;
	}
	
	#pages.about .mission .image{
		margin:0 0 0 -100px;
	}
	
	#pages.about .middle .image{
		width:46%;
	}
	
	#pages.about .bot{width:60%;
	}
	
	#pages.about .bot .right{
		width:52%;
	}
	
	#pages.about .bot .right{
		width:55%;
	}
	
	#pages.about .bot .left {
		width: 45%;
	}
	
	#pages.about .bluewrapper .callout{
		font-size:30px;
	}
	
	#pages.about .middle .images {
		width: 58%;
	}
	
	#pages.about .greywrapper {
		 
		margin: -130px auto 0 auto;
		padding: 150px 0 80px 0;
 
	}
	
	#pages.services .box{
		flex-basis:48%;
	}
	
	#pages.services .grey h2{
		font-size:40px;
	}
	
	#pages.get-involved .section.right{
		margin:50px 0;
	}
	
	#pages.about .middle .text {
    width: 36%;
}
	
	#topwrapper .top{
		justify-content:space-between;}


}

@media (max-width:1200px) {
	#navwrapper .donate a{
		background:none;
		font-family:Helvetica, sans-serif;
	}

	#home h1{
	font-size:100px;
		line-height:1;
}

	#home .services .flex{
		flex-direction:column;
	}
	
	#home .services .right.flex{
		flex-direction:row;
		width:95%;
		margin:0 auto;
	}
	
	#home .services .box{
		display:none;
	}
	
	#home .services .large{
		font-size:50px;
		line-height:1;
		color:#215594;
	}
	
	#home .services .left{
		width:95%;
		margin:0 auto;
		text-align:center;
	}
	
	#home .services .button{
		color:#215594;
		float:none;
		margin:0 auto 30px auto;
	}
	
	        #pages.about .middle .images {
            width: 100%;
            margin: 40px 0 0 0;
        }
	
	#home .about{
		padding:60px 0 0 0;
	}
	
	.padding{
		padding:60px 0;
	}
	
	#home .about .callout{
		font-size:50px;
		width:95%;
		line-height:1;
	}
	
	#pages.about .mission .image{
		width:500px;
	}
	
	#pages.about .middle .flex{
		flex-direction:column;
		width:95%;
		margin:0 auto;
	}
	
	#pages.about .middle .text{
		width:100%;
		
	}
	
	#pages.about .bot .right{
		width:45%;}
	
	#pages.about .bluewrapper {
	 
		width: 90%;
		position:relative;
		bottom: 0px;
		padding: 40px 5% 40px 5%;
		 
	}
	
	#pages.about{
		padding:0 0 30px 0;
	}
	
	#pages.about .bot{
		width:95%;
		margin:0 auto;
	}
	
	#pages .box, #pages.news .box{
		flex-basis:23%;
	}
	
	#pages.news .main{
		width:95%;
	}
	
	#pages.contact .flex{
		display:block;
	}
	
	#pages.contact .left, #pages.contact .right{
		width:90%;
		margin:0 auto;
	}
	
	#pages.contact .left{
		margin:0 auto 40px auto;
	}
	
	#pages.news .box {
            flex-basis: 41%;
        }

	
	 
	
	 
}

@media (max-width:1000px) {
	#home .about .text{
		width:90%;
		margin:0 auto 40px auto;
	}
	
	#home .link .large{
		font-size:22px;
	}
	
	#home .link .small{
		font-size:20px;
	}
}

@media (max-width:960px) {
	#home h1{
		font-size:90px;
	}

	#navwrapper .fa-bars{

		margin:30px 30px 0 0;
	}

	#topwrapper .left{
	margin:20px 0 0 0;}
}
	
	#home .head .small{
		position:relative;
		bottom:0;
		right:auto;
		
	}
	
	#home .impact{
		padding:0 0 60px 0;
	}
	
	#home .impact .caps{
		font-size:15px;
	}
	
	#pages.get-involved .box{
		flex-basis:38%;
	}
	
	        #pages .box {
            flex-basis: 38%;
        }
		
		#pages.services .greywrapper{
			display:block;
		}
		
		#pages.services .grey{
			margin:50px auto;
			padding:0 5% 40px 5%;
			width:90%;
		}
}

@media (max-width:850px) {
	        #pages.about .mission .image {
            width: 95%;
            position: relative;
            margin: 0 0 40px 0;
        }
		
		#pages.about .mission .right {
		width: 95%;
		float: none;
		margin: 20px auto 0 auto;
	}
	
	#pages.about .mission .padding{
		padding:40px 0 0 0;
	}
	
	#pages.services .flex{
		display:block;
	}
	
	#pages.about .greywrapper .callout{
		width:95%;
	}
	
	#pages.services .box{
		width:85%;
		margin:0 auto 40px auto;
	}
	
	#pages.get-involved .section.right .info h2, #pages.get-involved .section.right .info .text{
		text-align:left;
	}
	
	#pages.get-involved .section, #pages.get-involved .section.right{
		display:block;
		margin:0 auto 50px auto;
	}
	
	#pages.get-involved .section .pix{
		float:left;
		width:25%;
		margin:0 20px 0 0;
	}
	
	#pages.get-involved .section h2{
		font-size:40px;
	}
	
	#pages.get-involved .section.right .button{
		float:none;
	}

	#pages.donate #part2, #pages.donate #part3 {
		width: 100%;
	}
	
	#pages.get-involved .section .info {
    width: 100%;
}
}

@media (max-width:750px) {
	#home .head .overlay{
		left:50px;
		bottom:50px;
	}
	
	#home h1 {
            font-size: 65px;
     }
	 
	 #home .head .small{
		 font-size:25px;
	 }
	 
	 #home .head .small br{
		 display:none;
	 }
	 
	 #home .impact .sub{
		 margin:0 0 0 40px;
	 }
	 
	 #home .impact .desc{
		 font-size:13px;
		 line-height:1.4;
	 }
	 
	 #home .impact .sub{
		 font-size:24px;
	 }
	 
	 #home .stat .icon {
	 
		width: 125px;
		 
		height: 110px;
		padding: 25px 0 0 0;
 
	}
	
	#home .head .overlay{
		width:90%;
	}
	
	#footerwrapper .footer{
		flex-direction:column;
		padding:30px 0;
	}
	
	#footerwrapper .social{
		margin:30px 0;
	}
	
	#pages h1 {
		margin: 50px 0 0 0;
		font-size: xx-large;
	}
	
	#pages.about .middle .bottom{
		margin:0;
	}
	
	#pages .box{
		padding:30px;
	}
	
	        #pages .box {
            flex-basis: 36%;
        }
		
		        #pages.news .box {
            flex-basis: 38%;
        }
		
		#pages.donate .flex{
			display:block;
		}
		
		#pages.donate .donatewrapper, #pages.donate .banner{
			width:90%;
			margin:0 auto;
		}
		
		#pages.donate .donatewrapper{
			margin:50px auto 0 auto;
		}
}

@media (max-width:650px) {
	#home .services .name{
		font-size:18px;
	}
	
	#home .stat .icon{
		height:80px;
	}
	
	#home .stat .icon img{
		width:55%;
	}
	
	#home .link{
		width:95%;
		margin:0 auto 12px auto;
	}
	
	#home .links, #home .partner{
		flex-direction:column;
	}
	
	
	#home .partner img{
		margin:5px 0;
	}
	
	#home h1{
		font-size:45px;
	}
	
	#home .about .callout, #home .services .large{
		font-size:xx-large;
		letter-spacing:-2px;
	}
	
	    #home .impact .left h2 {
        font-size: xx-large;
    }
	
	#pages.about .bot{
		flex-direction:column;
	}
	
	#pages.about .bot .left{
		width:100%;
	}
	
	#pages.about .bot .right{
		width:100%;
		margin:40px 0 0 0;
	}
	
	#pages .box{
		width:70%;
		margin:0 auto 30px auto;
	}
	
	#pages.staff .flex{
		display:block;
	}
	
	#pages.staff .box.members{
		width:100%;
		padding:40px 0;
	}
	
	        #pages.testimonials .box {
            flex-basis: 35%;
			
        }
		
		#pages.testimonials .quote{
			font-size:20px;
			letter-spacing:0;
		}
		
		        #pages.news .box {
            flex-basis: 100%;
        }
	
	 
}

@media (max-width:550px) {
	.padding{
		padding:40px 0;
	}
	
	#pages.testimonials .box{
		padding:20px;
	}
	
	#pages.testimonials .box{
		padding:20px;
		border-radius: 20px 20px 0 0;
	}
	
	#home h1{
		line-height:1;
	}
	
	#home .about .callout, #home .services .large{
		line-height:1;
	}
	
	#home .impact .left, #home .impact .left.scrolled{
		margin:20px 0 0 0;
	}
	
	#home .impact .amount{font-size:xxx-large;
	}
	
	        #home .stat .icon {
            height: 55px;
			padding:15px 0 0 0;
			border-radius:20px;
        }
	
	#home .impact span {
		font-size: 11px;
	}
	
	 #home .impact .sub {
            font-size: medium;
			margin:0;
        }
	
	#home .impact .star img {
        width: 150px;
    }
	
	        #home .services .name {
            font-size: small;
        }
	
	        #home .head .overlay {
            left: 30px;
            bottom: 30px;
			 
        }
	
	 
	        #home .testimonials .header {
            font-size: xx-large;
			letter-spacing:-2px;
			line-height:1;
        }
		
		.copy .left, .copy .middle, .copy .right{
			float:none;
			width:100%;
			text-align:center;
		}
		
		#home .testimonials {
		 
			border-radius: 30px 30px 0 0;
			 
		 
			margin: 40px auto 40px auto;
		}
		
		#navwrapper .main-menu ul.nav{
			padding:5em 0 0 0;
		}
		
		#navwrapper .main-menu .menu-close img{
			width:30px;
			height:30px;
		}
		
		#pages.about .mission .image{
			margin:30px 0;
			top:0;
		}
		
		#pages.staff .box h2{
			font-size:35px;
			letter-spacing:0;
		}
		
		#pages.staff .wrapper .box{
			flex-basis:100%;
		}
		
		#pages.services .title{
			font-size:30px;
		}
		
		#pages.get-involved .section h2{
			font-size:25px;
		}
		
		#pages.get-involved .callout{
			font-size:20px;
			letter-spacing:normal;
		}
		
		#pages.get-involved .section .pix{
			width:38%;
		}
		
		#pages.get-involved .box .title{
			font-size:16px;
		}
		
		#pages.donate h2{
			font-size:30px;
		}

	#topwrapper .left{
		width:300px;

	}

	#topwrapper .left .logo img{
		width:100px;
	}
			
}