#headshots {
	float: left;
	background-color: #2e65a9;
	width: 100%;
	color: #fff;
	text-align: center;
	padding:6% 0 4% 0;
}

@media (min-width: 900px) { 
	#headshots {
		padding:2% 0 2% 0;
	}
}


#headshots_title {
	text-align: center;
	margin-bottom: 3rem;
}


.headshots_thumb {
	display: none;
	opacity: 0;
	vertical-align: middle;
	width: 50%;
	height:67rem;
	margin:0;
	overflow: hidden;
}

@media (min-width: 900px) { 
	.headshots_thumb {
		display: none;
		opacity: 0;
		vertical-align: middle;
		width: 12.5%;
		height:30rem;
		padding: 1.25%;
		border: .3rem solid #000;
		background-color: #fff;
		margin:2rem 1.25%;
		overflow: hidden;
	}
}

#headshots_overlay {
	position: absolute;
	z-index: 2000;
	width: 100%;
	height:0;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: #2e65a9;
}
#headshots_article {
}

#headshots_article_img {
	float: left;
	width:100%;
	padding:0 0 2rem 0;
	background-color: #fff;
}

@media (min-width: 900px) { 
	#headshots_article_img {
		float: left;
		width:80%;
		padding: 2% 10%;
	}
}

#headshots_article_img img {
	width: 100%;
	height: auto;
}

#headshots_nav {
	float: left;
	width: 100%;
	background-color: #2e65a9;
	color: #fff;
}

.headshots_article_btn {
	float: right;
	display:inline-block;
	vertical-align: middle;
	cursor: pointer;
	font-size: 6rem;
	line-height: 7rem;
	margin: 1.6rem 3rem 0 0;
}

@media (min-width: 900px) { 
	.headshots_article_btn {
		float: right;
		display:inline-block;
		vertical-align: middle;
		cursor: pointer;
		font-size: 3.6rem;
		line-height: 4rem;
		margin: 1.5rem 3rem 0 0;
	}
}

#headshots_nav_img {
	float: left;
	vertical-align: middle;
	display:inline-block;
	width:60rem;
}

@media (min-width: 900px) { 
	#headshots_nav_img {
		float: left;
		vertical-align: middle;
		display:inline-block;
		width:40rem;
	}
}
.headshots_article_title {
	float: left;
	width: 82rem;
	font-family: 'sitefont';
	font-size: 6rem;
	line-height: 7.2rem;
	margin: 4rem 4rem 1rem 4rem;
	color: #fff;

}

@media (min-width: 900px) { 
	.headshots_article_title {
		width: 154rem;
		font-size: 5rem;
		line-height: 6.2rem;
		margin: 4rem 4rem 1rem 4rem;
	}
}


.headshots_article_desc {
	float: left;
	width: 82rem;
	font-family: 'Arial';
	font-size: 3rem;
	line-height: 4rem;
	margin: 1rem 3rem 4rem 3rem;
	
}

@media (min-width: 900px) { 
	.headshots_article_desc {
		float: left;
		width: 154rem;
		font-family: 'Arial';
		font-size: 2rem;
		line-height: 2.8rem;
		margin: 1rem 3rem 4rem 3rem;
		
	}
}

.headshots_article_desc p {
	margin:1.5rem;
}

#load_more_headshots {
	float: left;
	width: 100%;
	display: table;
	text-align: center;
	padding-top: 4%;
}

@media (min-width: 900px) { 
	#load_more_headshots {
		padding-top: 2%;
	}
}

#load_more_headshots_btn {
	width: 40%;
	display: inline-block;
	text-align: center;
	padding: 1rem;
	background-color: #000;
	color: #fff;
	font-size: 4rem;
	line-height: 8rem;
	cursor: pointer;
}

@media (min-width: 900px) { 
	#load_more_headshots_btn {
		width: 15%;
		padding: 1rem;
		color: #fff;
		font-size: 3rem;
		line-height: 5rem;
	}
}
.headshots_share {
	float: left;
	width: 82rem;
	font-family: 'sitefont';
	font-size: 5rem;
	line-height: 6.2rem;
	margin: 1rem 4rem 1rem 4rem;
	color: #000;
	display: table;
}

@media (min-width: 900px) { 
	.headshots_share {
		width: 152rem;
		font-size: 4rem;
		line-height: 5.2rem;
		margin: 1rem 4rem 1rem 4rem;

	}
}

.headshots_share_btn {
	display: inline-block;
	vertical-align: middle;
	margin: 0 2rem;
	font-size: 5rem;
	line-height: 6.2rem;
	cursor: pointer;
	color: #000;
}

@media (min-width: 900px) { 
	.headshots_share_btn {
		margin: 0 1rem;
		font-size: 3rem;
		line-height: 4.2rem;
	}
}