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

@media (max-width: 1950px) {
	#footerwrapper .social{
		margin:0 20px;
	}
	
	.mailing .title{
		font-size:22px;
	}
	
	#footerwrapper .logo{
		margin:0;
	}
	
	#pages.staff h3.longer:after{
		width:70%;
	}
	
	#pages.staff h3:after{
		width:55%;
	}
	
	#pages.staff h3.longer:after{
		width:60%;
	}
	
	#home .join h2{
		letter-spacing:2px;
	}
	
	#pages.resources .title:after{
		width:52%;
	}
	
}

@media (max-width: 1750px) {
	 
	#pages.donate .title {
		 
		font-size: 15px;
		letter-spacing: 2px;
	}
	
	    #footerwrapper .social {
        margin: 0 30px;
    }
	
	#footerwrapper li{
		margin:0 0 0 60px;
	}
	
	#footerwrapper li{
		font-size:15px;
	}
	
	#footerwrapper .nav {
		width: 70%;
	}
	
	.aboutwrapper .text{
		width:70%;
	}
	
	.aboutwrapper .large{
		width:70%;
	}
	
	#pages.resources .links h3{
		letter-spacing:1px;
	}
	
	#pages.awards .honoree{
		width:170px;
	}
	
	#pages.awards .name{
		font-size:17px;
	}
	
	#pages.awards .honorees .button{
		width:100%;
		padding:7px 0;
	}
	
	h3{
		font-size:18px;
		letter-spacing:3px;
	}
	
	#pages.awards .title:after{
		width:78%;
	}
	
	#home .join .border{
		width:140px;
	}
	
	#pages.contact .banner{
		width:55%;
	}
	
	#pages.articles .info{
		width:70%;
	}
	
	#pages.resources .list{
		width:18%;
	}
	
	.mailing{width:250px;}
	
	#pages.contact .content {
    width: 40%;
    margin: 20px 5% 0 0;
}
	
	 
	#pages.donate #dn-center{
		width:65%;}
}

@media (max-width: 1550px) {
	.stripe.red{
		width:205px;
	}
	
	.mailing .title{
		font-size:18px;
	}
	
	#footerwrapper .footer a{
		font-size:14px;
	}
	
	#footerwrapper .mailing{
		width:200px;
	}
	
	.programs .title{
		font-size:40px;
	}
	
	#pages.staff h3.longer:after{
		width:55%;
	}
	
	#pages.staff ul li{
		font-size:17px;
	}
	
	#pages.staff h3:after{width:45%;
	}
	
	#pages.awards .info{
		margin:0 0 40px 0;
	}
	
	#home .head .overlay{
		top:25%;
	}
	
	#home .head{
		height:100%;
	}
	
	#home .stats{
		padding:100px 5%;
	}
	
	#pages.contact .content{
		margin:0 5% 0 0;
	}
	
	#innerwrapper #pages .main {
		 
		margin: 20px 0 0 25%;
	}
	
	h1{
		margin:0 0 20px 0;
	}
	
	#home .join .box{
		width:12%;
	}
	
	#footerwrapper .logo{
		width:120px;
	}
	
	#footerwrapper .mailing {
        width: 210px;
    }
	
	#pages.resources .title:after{
		width:43%;
	}
	 
}

@media (max-width: 1350px) {
	#innerwrapper #pages .main {
	 
		margin: 80px 0 0 30%;
	}
	
	.mailing .title {
        font-size: 16px;
    }
	
	#pages.donate .title{
		letter-spacing:1px;
	}
	
	#pages.donate #dn-center{width:80%;
	}
	
	#footerwrapper .logo {
		width: 120px;
		margin: 0 20px 0 0;
	}
	
	    #footerwrapper .footer a {
        font-size: 12px;
    }
	
	    #footerwrapper li {
        margin:0 50px 0 0;
    }
	
	    #footerwrapper .nav {
        width: 80%;
    }
	
	#pages.about .full{
		display:block;
	}
	
	#pages.about .left, #pages.about .right{
		width:100%;
		margin:0 0 40px 0;
	}
	
	.programs .title{
		margin:0 0 30px 0;
	}
	
	.programs .par{width:100%;
	}
	
	#pages.staff .box{
		width:30%;
	}
	
	h3{
		letter-spacing:3px;
	}
	
	#pages.awards .info{
		display:block;
	}
	
	#pages.awards .desc{
		margin:0 0 40px 0;
	}
	
	#pages.awards .honoree{
		margin:0;
	}
	
	#home #navwrapper {
		width: 50%;
	}
	
	#home .join .large{
		font-size:40px;
	}
	
	#home .join h2{
		font-size:12px;
	}
	
	#home .events .right {
	 
		padding: 30px;
		 
		margin: 0 0 50px 5%;
	}
	
	#home .events .large, #home .about .large{
		font-size:30px; 
	}
	
	#home .events .left .button{
		font-size:15px;
	}
	
	#home .stats .title{
		font-size:60px;
		line-height:1;
	}
	
	.aboutwrapper .text{
		width:70%;
	}
	
	.aboutwrapper .large{
		width:85%;
	}
	
	#pages.articles .newsbox{
		/*display:block;*/
	}
	
	#pages.articles .info{
		width:100%;
		margin:40px 0 0 0;
	}
	
	
	#pages.articles .image{
		margin:30px 0 0 0;
	}
	
	#pages.staff ul {
		column-count: 3;
	}
	
	#pages.contact{
		display:flex;
	}
		
	
	    #pages.contact .banner {
        width: 30%;
		position:relative;
        margin: 40px -8% 0 29%;
    }

	
	    #innerwrapper #pages .main {
        margin: 20px 0 0 30%;
    }
	
	#pages.members .products a{
		width:45%;
	}
	
	#pages.articles .info {
        width: 100%;
        margin: 40px 0 0 20px;
    }
	
	home .events .date .date {
    
    margin: -15px 0 0 0;
    font-size: 35px;
	}
	
	#pages.about .more .flex .title{
		font-size:22px;
	}
	
	#pages.about .more .text {
		margin: 0 0 40px 0%;
		font-size: 14px;
	}
	
	#pages.about .more .flex .title:before{
		height:28px;
	}
	
	.aboutwrapper .large{
		font-size:40px;
		
	}
	
	#pages.about .more .title{
		font-size:40px;
	}
	
	#pages.resources .list{
		width:22%;
	}
		
	#pages.articles .title{
		font-size:22px;}

}

@media (max-width: 1200px) {
	#navwrapper .menu-close, .menu-toggle{
		display:block;
	}
	
	 #pages.members .products a {
        width: 40%;
    }
	
	#pages.members .products{
		flex-wrap:wrap;
	}
	
	.main-menu{
	  position: absolute;
	  display: none;
	  left: 0px;
	  top: 0;
	  height: 100%;
	  transition: left 0.3s ease, box-shadow 0.3s ease;
	  z-index: 999;
		 
	}
	
	#navwrapper .main-menu ul.nav {
	  list-style: none;
	  margin: 0;
	  padding: 2.5em 0 0;
	 
	  -webkit-box-shadow: -8px 0 8px rgba(0,0,0,.5);
		 -moz-box-shadow: -8px 0 8px rgba(0,0,0,.5);
			  box-shadow: -8px 0 8px rgba(0,0,0,.5);
 
	  width:100%;
	  background: #fff;
	  z-index:9;
	  float:right;
	  position:relative;
	  top:0;
	  min-height:100%;
	 
	}
	
	.fa.fa-close{
		color:#000;
	}
	
	
	#navwrapper .sub_menu li a {
		font-size: 14px;
		padding: .75em  5px;
	}
	
	#navwrapper li{
		display:block;
		margin:0;
	}
	
	#innerwrapper #navwrapper .sub_menu .empty{
		padding:0;
		border:none;
	}
	
	    #innerwrapper #pages .main {
        margin: 0px 0 0 30%;
    }
	
	 
	#navwrapper .fa-bars{
	 
		color:#005297;
		font-size:18px;
		display: block;
		z-index:9;
		width: 16px;
		height: 20px;
		 
		position:fixed;
		top:10px;
		right:10px;
		 
	}
	
	#home #navwrapper .fa-bars{color:#fff;
	}
	
	#navwrapper .menu-toggle, #navwrapper .menu-close{
		display:block;
		text-align:right;
		font-size:21px;
	}
	
	#topwrapper .top #navwrapper{
		width: 100%;
		float: none;
		text-align: left;
		padding: 0px 0 0 0;
	}
	
	#topwrapper{
		padding:10px 0 0 0;
		margin:0 0 -25px 0;
	}
	 
	 
	
	#navwrapper .subnav .sub_menu li a:hover{
		background: #1a1a1a;
		color:#49ceff;
	} 
 
	.main-menu a:hover,
	.main-menu a:focus,
	{
	  background: #333;
	  text-decoration: none;
	}
	
	#topwrapper #navwrapper  li a:hover{
		color:#C02126;
	}
	
	#topwrapper #navwrapper  li a,  #topwrapper #navwrapper .main-menu a 
	  {
	  display: block;
	  padding: 20px 0; 
 
	  font-size: 32px;
	  letter-spacing:0px;
	  color: #000;
	  text-decoration: none;
	 /* border-bottom: 1px solid #000;*/
	  
	  text-align:center;
	  margin:0;
	}
	
	#topwrapper #navwrapper .topnav li{
		margin:0 0 0 20px;
	}
	
	#navwrapper .topnav {
		padding: 0px 30px 0 0;
		text-align: right;
	}
	
	#home #topwrapper #navwrapper .topnav li a{
		color:#fff;
	}
	
	#topwrapper #navwrapper .topnav li a{
		font-size:10px;
		padding:0;
		display:inline;
		color:#005297;}
	
	#topwrapper #navwrapper li img{
		display:none;
	}
	
	#topwrapper #navwrapper    a.backdrop{
		border:none;
	}
	
	#topwrapper #navwrapper li .button {
		border-radius:0;
		color:inherit;
		color:#FFF;
		background:none;
	}
	
	#navwrapper  li a:hover,  #navwrapper .main-menu a:hover{
		color:#53A7B5;
	}
	
	 
	.main-menu .menu-close {
	  position: absolute;
	  right: 10px;
	  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);
	  
	  
	}
	
	.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;  
	  right: 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;
		 
	  }
         }
	   #navwrapper li.drop{
		cursor:pointer;
	}
	
	#navwrapper li.drop{ 
		 
		background-image:url(images/down.png);
		background-size:13px;
		background-repeat:no-repeat;
		/*background-position:98% 15px;*/
	 background-position: 70% 45px;
		 
		 
	}
	
	#navwrapper li.drop.toggle {
		background-image:url(images/up.png);
	}
	 
	
	#navwrapper .main-menu .sub_menu {
	 
		
		 
		left:0;
		width:100%;
		top:0;
		background:none;
		padding:0;
		position:relative!important;
		visibility:visible;
		text-align:center;
	}
	
	#navwrapper .sub_menu li{
		margin:0;
	}
	
	#topwrapper #navwrapper li.drop a{
		padding:0 0 20px 0;
	}
	
	#topwrapper #navwrapper .main-menu .sub_menu li a {
		font-size:20px;
		padding:0 0 10px 0;
	}
	
	#navwrapper .nav{
		border:none;
	}
 
	
	#navwrapper li.drop:hover .sub_menu{
		visibility:hidden;
	}
	
	#navwrapper .main-menu .drop.toggle .sub_menu{
		visibility:visible;
		position:relative;
	}
	
	    .stripe.red {
        width: 165px;
    }
	
	#footerwrapper .nav{
		display:none;
	}
	
	#pages.donate .perk{
		width:45%;
		margin:1%;
	}
	
	#pages.donate .members .ticketbox{
		width:50%;
	}
	
	#topwrapper .logo{
		width:120px;
	}
	
	#pages.staff h3:after{
		display:none;
	}
	
	h1{
		font-size:40px;
	}
	
	#pages.awards h3:after{
		display:none;
	}
	
	#pages.awards .names{
		font-size:18px;
	}
	
	#pages .toptext{
		width:100%;
	}
	
	#home .join .border{
		display:none;
	}
	
	#home .join .large, #home .join .large.blue{
		text-align:center;
		margin:0 0 30px 0;
		width:100%;
		float:none;
	}
	
	#home .join .box{
		width:15%;
		margin:40px 0;
	}
	
	#home .join .button{
		margin:20px auto;
	}
	
	#home .events .day {
	 
		font-size: 30px;
		 
		margin: -15px 0 -5px 0;
	}
	
	#home .events .title{
		font-size:20px;
	}
	
	.aboutwrapper .large{
		font-size:40px;
	}
	
	#home .events .date .date {
		 
		margin: -12px 0 0 0;
		font-size: 30px;
	 
	}
	
	#footerwrapper .footer{
		justify-content:space-between;
	}
	
	.stripes{
		width:18%;
	}
	
	.stripe.blue{
		width:30%;
	}
	
	.stripe.red{
		width:70%;
	}
	
	#pages.donate .donates label{
		float:none;
		width:99%;
		border-radius:0!important;
		margin:0 0 5px 0;
	}
	
	#navwrapper .member{
		display:none;
	}
	
	#navwrapper .member.two{
		display:block!important;
		margin:0;
	}
	
	#pages.about .more .flex .box{
		width:100%;
	}
	
	#pages.resources .full{
		display:block;
	}
	
	#pages.resources .title:after{
		display:none;
	}
	
	#pages.resources .links{
		width:100%;
		margin:40px 0 0 0;
	}
	
	#pages.donate #dn-center{
		width:100%;
	}
	
	#pages.articles span {
   
    margin: -15px 0 0;
	}
	
	#pages.articles span {
   
    margin: -15px 0 0;
	}
	
	#pages.members .products{
		flex-wrap:wrap;
	}
	
	#pages.articles .btn{
			margin:0 25px 0 0;
		}
	 
 
	
	.main{
		width:90%;}
	
	#pages.events .prev .newsbox{
		width:100%;
		margin:0 0 40px 0;}
	 

}

@media (max-width: 1000px) {
	#pages.about .aboutwrapper .text{
		width:90%;}
}

@media (max-width: 960px) {
	#innerwrapper #pages .main {
        margin:40px auto 0 auto;
        width: 95%;
    }
	
	.aboutwrapper .large{
		font-size:40px;
	}
	
	#innerwrapper{
		margin:80px 0 0 0;}
	
	#navwrapper .fa-bars, #topwrapper #navwrapper .topnav li a{
		color:#fff;
	}
	
	#pages.donate .perks{
		padding:0 0 40px 0;
	}
	
	.stripes{
		display:none;
	}
	
	    #topwrapper {
        padding: 10px 0;
         
        background: #005297;
		position:fixed;
		top:0;
		left:0;
		z-index:9;
		width:100%;
    }
	
	#home .stats .full{
		display:block;
	}
	
	#home .stats .left{
		width:100%;
	}
	
	#home .stats .right{
		width:100%;
	}
	
	#home .stats .stat.full{
		display:flex;
	}
	
	.aboutwrapper .text{width:80%;
	}
	
	#pages.contact{
		display:block;
	}
	
	#pages.contact .banner, #pages.contact .content{
		width:45%;
		float:none;
		margin:40px auto;
	}
	
	#home .events .date h2{
		font-size:15px;
		letter-spacing:2px;
	}
	
	#home .events .date{
		width:85px;
	}
	
	    #home .stats {
        padding: 50px 5%;
    }
}

@media (max-width:850px) {
	.programs .full{
		display:block;
	}
	
	#home .join .box, #home .join .box.last {
        width: 30%;
        margin: 1%;
		padding:20px 5%;
     
 
    border: 1px solid #C02126;
	}
	
	#home .join .box .icon{
		text-align:center;
	}
	
	#home .join h2{
		text-align:center;
	}
	
	#home .events .full{
		display:block;
	}
	
	#home .events .left {
		width: 100%;
	}
	
	 #home .events .full {
        
        margin: 20px auto;
        width: 90%;
    }
	
	#home .events .title br{
		display:none;
	}
	
	#home .events .title{
		margin:20px 0 0 0;
	}
	
	#home .events .left .button{
		float:none;
	}
	
	#home .events .large, #home .about .large{
		text-align:left;
	}
	
	#home .events .large br{
		display:none;
	}
	
	#pages.contact .content, #pages.contact .banner{
		width:85%;
	}
	
	 
 
}



@media (max-width:750px) {
	#home .head .button{
		font-size:20px;
	}
	
	#pages.articles .newsbox{
		margin:0 0 50px 0;
		height:auto;
	}
	
	#pages.articles .image{width:200px;
	height:200px;
	}
	
	#pages.articles .newsbox.show{
		 
		height:auto;}
}

@media (max-width:650px) {
	    #pages.donate #dn-center {
        width: 100%;
    }
	
	h1{
		font-size:40px;
	}
	
	#pages.donate .toptext{
		margin:30px 0;
	}
	
	#home .head h2{
		margin:30px 0;
	}
	
	#pages.staff .box{
		width:45%;
	}
	
	#pages.awards .honoree{
		margin:1%;
	}
	
	h1{
		font-size:24px;
	}
	
	#home .head h2{
		font-size:15px;
		letter-spacing:1.5;
	}
	
	#home .head .button{
		padding:6px 12px;
	}
	
	.programs .title{
		font-size:30px;
	}
	
	#home .join .large{
		font-size:30px;
	}
	
	#home .join h2{
		margin:12px 0 0 0;
	}
	
	#home .stats .title{font-size:40px;
	}
	
	    #home .stats {
        padding: 50px 5%;
    }
}

@media (max-width:550px) {
	#topwrapper #navwrapper .topnav li {
        margin: 0 0 0 10px;
    }
	
	#pages.articles .title, #pages.events .prev .title{
		font-size:20px;
		text-align:center;
		margin:15px 0 5px 0;
	}
	
	#pages.articles .desc{
		text-align:center;
	}
	
	#topwrapper .logo{
		width:70px;
	}
	
	    #innerwrapper {
        margin: 50px 0 0 0;
    }
	
	    #navwrapper .topnav {
        padding: 0px 30px 0 0;
		}
	
	#footerwrapper .logo{
		margin:0 auto 12px auto;
	}
	
	#footerwrapper{
		padding:20px 0;
	}
	
	.copy{
		display:block;
		text-align:center;
		line-height:2;
	}
	
	#footerwrapper .mailing{
		width:90%;
		margin:20px auto 0 auto;
	}
	
	#home .head{margin:30px 0 0 0;
	}
	
	#pages.donate .title{
		font-size:13px;
	}
	
	#pages.donate .perk{
		margin:2%;
	}
	
	h2{
		font-size:20px;
	}
	
	#footerwrapper .footer{
		display:block;
		text-align:center;
	}
	
	#pages.donate .options label{
		display:block;
		text-align:center;
		margin:0 0 5px 0;
	}
	
	#pages.donate .members .ticketbox{
		width:100%;
		margin:0 0 10px 0;
	}
	
	.aboutwrapper .large{
		font-size:30px;
		width:95%;
	}
	
	#home .stats .amount{
		font-size:40px;
	}
	
	#home h2{
		font-size:15px;
	}
	
	.programs .title{
		font-size:22px;
		margin:30px 0;
	}
	
	    #pages.staff ul {
        column-count: 2;
    }
	
	#topwrapper #navwrapper .main-menu .sub_menu li a{
		font-size:15px;
	}
	
	    #topwrapper #navwrapper li.drop a {
        padding: 0 0 10px 0;
    }
	
	h3{
		font-size:17px;
	}
	
	#topwrapper #navwrapper li a, #topwrapper #navwrapper .main-menu a{
		padding:15px 0;
		font-size:22px;
	}
	
	#pages.staff .name{font-size:18px;
	}
	
	#pages.awards .toptext{
		margin:0;
	}
	
	#pages.awards .image{
		margin:10px 0 30px 0;
	}
	
	#pages.awards .title:after{
		display:none;
	}
	
	#pages.awards .honorees{
		flex-wrap:wrap;
	}
	
	#pages.awards .pix{
		height:220px;
	}
	
	#pages.awards .honoree{
		margin:0 0 30px 0;
	}
	
	h1{
		font-size:22px;
		margin:0 0 20px 0;
	}
	
	#pages.articles .btn {
		 
		font-size: 14px;
		margin: 0 10px 0 0;
		letter-spacing: 2px;
		 
	}
	
	    #home .head h2 {
        margin: 10px 0;
    }
	
	#pages.members .products{
		display:block;
		
	}
	
	#pages.members .products a{
		width:90%;
		display:block;
		margin:0 auto 30px auto;
	}
	
	#pages.articles .image .date {
		 
		font-size: 15px;
		letter-spacing: 2px;
		 
		width: 80px;
	 
	}
	
	#pages.articles span, #pages.events .prev span {
   
    font-size: 20px;
    margin: -5px 0 0 0;
	}
	
	    #pages.articles .image {
        margin: 0 20px 0 0;
        width: 100%;
        height: auto;
    }
	
	#pages.staff h3{
		text-align:center;
		margin:40px 0 10px 0;}
	
	#pages.articles .newsbox.show, #pages.articles .newsbox{
		 display:block; 
		  
		margin:0 0 60px 0;
	}
	
	#pages.articles .btn{
		display:block;
		border:1px solid #eee;
		margin:0 0 5px 0;
		padding:6px 0;
		width:100%;
	}
	
	#pages.articles .btn:hover, #pages.articles .btn.active{
		border: 2px solid rgba(192, 33, 38, 1);
	}
	
	#pages.articles .info{
		margin:0px 0 0 0;
	}
	
	#pages.staff ul {
        column-count: 1;
		text-align:center;
    }
	
	#pages.events .prev .newsbox, #pages.articles.events   .newsbox{
		display:block;
		margin:0 0 50px 0;
	}
	
	#pages.events .prev .image, #pages.articles.events  .image{
		margin:0 auto;
	}
	
	#pages.articles h1{
		text-align:center;
	}
	
	#pages.articles .prev .info{
		text-align:center;
		width:100%;
	}
	
	#pages.resources .list{
		width:100%;
	}
	
	#pages.articles .button{
		display:block;
		text-align:center;
		margin:5px auto 0 auto;
		width:100px;
	}
	
	#dn-center .dn-field.float.half{
		width:100%;
	}
	
	#pages.members .products a{
		width:90%;
	}
	
	.fancybox__content{
		width:95%!important;
	}
	
	.bio .info, .bio .photo{
		float:none;
	}
	
	.bio .info{
		width:100%;
		margin:10px 0 0 0;
	}
	
	 
	
	 
	
	 
	
	#pages{
		padding:0 0 40px 0;}
}