.staffBioCards.cardType4 li {margin-bottom:0.5em;}

/* ----- START OF HERO GRAPHIC STYLES ----- */
	
	.heroGraphic {
		display:block;
	    width:100%;
	}	
	
	.overScreen {
		position: absolute;
		width: 100%;
		top: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		text-align: center;
		z-index: 2;
	}
	
	.insideHero {
		width: 100%;
		text-align: center;
	}
	
	.insideHero h2 {
		font-size: 250%;
		margin: 1em 0 0 0;
		color: #fff;
	/*text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); */
	}
	
	.insideHero p {
		font-size: 130%;
		color: #fff;		
	}
	
	.insideHero p.tagline {
		margin:0 20%;
		line-height:130%;
		padding-bottom:1.5em;
	}

	.insideHero p.facility {
		margin:0 20%;
		line-height:110%;
		padding-bottom:0.4em;
	}

	p.facility + p.details {
		font-size: 1em;
		line-height:1.2em;
	}
	
	@media only screen and (max-width: 980px) {
	
		.insideHero h2 {
			font-size: 250%;
		}
		
		.insideHero p.tagline {
			margin:0 5%;
			font-size: 110%;
		}
		
		.insideHero .button {
			font-size: 100%;
		}

	}	

	@media only screen and (max-width: 768px) {
	
		.insideHero h2 {
			margin-top: 2em;
			font-size: 180%;
		}
		
		.insideHero p.tagline {
			font-size: 90%;
		}
		
		.insideHero .button {
			font-size: 80%;
			padding: .25em .5em;
		}

	}	
	
	@media (max-width:720px) {
	
		.insideHero h2 {
			margin-top: 2.5em;
			font-size: 150%;
		}
		
		.insideHero p.tagline {
			margin:0 2%;
			font-size: 70%;
		}
		
		.insideHero .button {
			font-size: 80%;
			padding: .25em .5em;
		}
	
	}


/*----------------------------------------------------*/


.boundingBox.threeBoxes { 
	margin-bottom:1.8em; 
	}

p.blurb {
	font-size:1.2em;
	line-height:1.38em;
	margin-top:1.5em;
	margin-bottom:2em;
}

.matchBox {
	margin-bottom:1.5em;
}

.yetAnother p {
	padding-bottom:1.5em;
}

.fa-envelope {
	margin-right:7px;
}

h1 {
	border:none;
	margin-bottom:0.5em;
}


p.name {
	margin-bottom:0;
	font-weight:bold;
	color:black;
}

p.organization {
	line-height:1.15em;
}

h3.audience {
	text-align:center;
}

h3.audience .fa, .fa-lock, .fa-envelope-o {
	margin-left:0;
	margin-right:0.3em;
}

.midRibbon#aboutN2 h3 {
	border:none;
	margin-top:0.5em;
	margin-bottom:0em;
	font-size:1.3em;
	text-align:center;
}

.midRibbon.facilities {
	padding-bottom:5em;
	margin-bottom:0;
}

.row3 {
	padding-top:3em; 
	border-top:1px solid #ccc;
	margin-top:1.5em;
}

.qbox {
	background-color: #f3f3f3;
	padding:1em 0em 1.3em 0em;
	margin-bottom:3em;
}

p.question {
	font-weight:bold;
	padding:0 1.5em;
	margin-bottom:1.2em;
	line-height:1.2em;
	text-align:center;
	font-size:1.2em;
}

.center {
	text-align:center;
}

.boundingBox p {
	line-height:150%;
}

.small.button {
	font-size:80%;
}

.aboutUs {
	background-image:url('../images/bkg-cryo-em-bldg.png');
	background-repeat:no-repeat;
	background-size: 100%;
	background-position:bottom;
	background-color: #cedfef;
	padding:3em 0 20em 0;
	margin-top:1.5em;
}


		
.partners {
	/* border-top:1px solid #ccc; */
	padding:2.5em 0;
	margin-top:0;
	background-color: #BDBDB0;
}

.CTA {
	background-color: #eaeaea;
	margin-top:-10px;
	margin-bottom:3em;
}

.CTA p {
	margin:1em 0;
	line-height:1.4em;
}

.CTA a.button {
	margin-top:1.5em;
}
.fa-exclamation-triangle, .fa-arrow-circle-right {
	margin-right:7px;
	color: #F68B1F;
}

#footer { margin-top: 0;}