body{
min-width:320px;	
}

#menu-bar{
width:auto;	
padding-left:180px;
}

	#logo{
	width:150px;
	height:200px;
	border-width:10px;
	}
	
		#logo img{
		width:60%;
		height:auto;	
		position: relative;
		margin:auto;
		left:auto;
		display:block;
		}
		
	#navigation-bar{
	left:180px;
	right:140px;
	width: auto;
	text-align:left;
	position:static;
	}
		
		#menu-button{
		width:25%;
		padding-left:20px;
		}
		
		#main-navigation{
		}

		.menu-secondary {
		left:25%;
		margin-right:180px;
		margin-left:150px;
		white-space:nowrap;
		}

			.menu-secondary a{
			padding-left:3%;
			padding-right:3%;
			}

		
		@media (max-width: 900px){	
			.menu-secondary .overflow{
			display:none;
			}
			
			.menu-secondary a{
			font-size:16px;
			}
			
			.menu-secondary .narrow{
			display:inline;	
			}
		}
		
		
		nav{
		position:fixed;
		z-index:100;
		left:calc(50% - 379px);
		right:0;
		}
		

	#donate-link{
	width:190px;	
	}
	


header{
height:0px;
padding-bottom:50%;
background-size:auto 100% !important;	
}

#header-content{
width:auto;	
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
}



	#intro{
	left:47%;
	width:50%;
	height:100%;
	font-size:18px;
	font-size:2.35vw;
	
	}

.photo-right #intro{
left: 20%;
}

.photo-right article{
background-position: 166% 0;
}

main{
}	
	
	article{
	background-size:120%;	
	}

	article:before{
	background-size: 120% auto;	
	opacity: 0.6;
	}

.feature-section .feature{
margin-top:-80px;	
margin-left:20px;
}


.column{
display:block !important;
width:auto !important;
margin:auto !important;	
}


.column-group.circle:before,
.column-group.circle:after{
content:none;
}
.column-group.circle .column-left {
background:url(images/inset-pattern.jpg) #f4f2ec;
padding:30px 30px 10px 30px;
margin-bottom:1em !important;
border-radius:16px;
}

.column-group.circle .column-left:before{
margin-top: -50px;
}

.pull-quote.right {
margin-right:-20px;
}

.pull-quote.margin-top-overlap{
margin-top:0.5em !important;
}

.margin-top-overlap{
margin-top:0;	
}
	
#intro-head h1{
font-size:30px;
font-size:4vw;
}
	
h2{
font-size:24px;
}


#related h2::before, #related h2::after{
max-width:200px;	
}



.article-feature{
height:auto !important;
margin:1em auto !important;
width:auto !important;
max-width:600px;
padding-bottom:0 !important;
}

.article-feature:before{
content:'';
display:block;
position:absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index:-1;
width:100%;
padding-bottom:100%;
border-radius:50%;
margin:auto;
background:#fff;
background:rgba(255,255,255,0.4);
/*background: -moz-linear-gradient(top,  rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.4) 30%) );
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.4) 30%) );
background: linear-gradient(to bottom,  rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.4) 30% );*/
}


article > .column-group:first-child  .column-left .article-feature:before{
background: -moz-linear-gradient(top,  rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.4) 40%) ;
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.4) 40% );
background: linear-gradient(to bottom,  rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.4) 40% );
}



.article-feature .feature-box{
overflow:hidden;
position:relative;
}

.article-feature .feature-box:before{
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index:-1;
}




/*Shadows*/
.article-feature .feature-borders:before{
content:'';
display:block;
width:80%;
left:10%;
height:10px;
position:absolute;
top:-10px;
right:auto;
bottom:auto;
border-radius:none;
background:radial-gradient(farthest-side at bottom center, rgba(0,0,0,0.1), rgba(0,0,0,0));
}
.article-feature .feature-borders:after{
content:'';
display:block;
width:80%;
height:14px;
position:absolute;
left:10%;
bottom:-14px;
background:radial-gradient(farthest-side at top center, rgba(0,0,0,0.10), rgba(0,0,0,0));
}



.article-feature.large{
max-width:none;	
}

		.article-feature .feature-align {
		position:relative;
		top:auto;
		bottom:auto;
		left:auto;
		right:auto;
		}
		
			.article-feature .feature-content{
			top:auto;
			-webkit-transform:none;	
			transform:none;	
			padding:7% 12%;
			position:relative;
			}




.tablet-square{
background:url(images/inset-pattern.jpg) white;
border-radius:20px;
width:auto;
max-width:none
}

	
	.tablet-square .feature-content{
	padding-top:4%;
	padding-bottom:4%;
	}

.tablet-square:before,
.tablet-square .feature-box::before{
content:none;	
}


#related ul{
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
}

@media (min-width: 480px){	
	.column-list-tablet{
	-moz-column-count:2;
	-webkit-column-count:2;	
	column-count:2;
	-moz-column-gap:60px;
	-webkit-column-gap:60px;
	column-gap:60px;
	}
}


.cell{
width:47%; 
margin-right:2%;	
}


hr{
display:none;	
}

#footer-banner{
padding-bottom:25%;
background-size:160% auto;
}

.video-feature{
max-width:none;
margin-left:auto;
margin-right:auto;
}

.video-feature.aspect-16x9{
width:100%;
max-width: none;
}

.column .video-feature.align-left,
.column .video-feature.align-right{
float:none;	
}


#newsletter-head{
width:120px;
}

	#newsletter-head-circle{
	right:0;
	}

	#newsletter h2{
	font-size:22px;
	width:125px;
	text-align:center;
	margin-right:0;
	margin-top: -30px;
	right:0;
	}
	
		#newsletter h2 br{
		display:none;	
		}
		
		#newsletter h2 em{
		display:block;	
		}
		

#newsletter-content{
width:auto;
margin:0;
}

#newsletter form{
width:calc(100% - 130px);	
}

#mce-FNAME, #mce-LNAME {
width: calc(50% - 120px);
}

#mce-EMAIL {
width: calc(100% - 252px);
}

#footer-content{
width:auto;	
}


#footer-tagline:before,
#footer-tagline:after{
width:70px;
}

#footpart:before,
#footpart:after{
width:70px;
}