/*
Credit: http://stackoverflow.com/questions/8708945/how-to-position-text-over-an-image-in-css
*/
.PhotoEssay
{

}
.NextPage
{
	font-size:6vw;
	text-align:center;
}
.imgcontainerHero
{

	display:inline-block;
	position:relative;	
	width:100%;


}

.imgcontainer
{

	display:inline-block;
	position:relative;	
	width:100%;	
}
.imgcontainer img {

	position:relative;
	width:100%;
	margin:auto;	
	border: 1px gray solid;
}

.imgcontainer p 
{
	display:inline-block;
	vertical-align:middle;
	background-color:black;
	padding: 0.5em;
}
.imgcontainerHero img {

	position:relative;
	width:100%;
	margin:auto;	
}

.imgcontainerHero p 
{
	display:inline-block;
	vertical-align:middle;
}



.txt-top-center
{
	position: absolute;
	z-index: 1;
	text-align: center;
	width: 100%;
	height:100%;


}
.txt-top-center:before
{
	content: '';
	display:inline-block;
	vertical-align:middle;
	height:100%;
}


.txt-top-left
{
	position: absolute;
	z-index: 1;
	text-align: left;
	width: 100%;
	height:100%;
	opacity:0.7;
	font-size:0;

}
.txt-top-left:before
{
	content: '';
	display:inline-block;
	vertical-align:middle;

}