@media screen and (max-width: 999px) {
	.pageImage{
		width: 100%;
		height: 300px;
		background-color: #ddd;
		margin-left: auto;
		margin-right: auto;
		background-position: center center;
		background-size: cover;
		position: relative;
	}
	
	.indexImage{
		width: 100vw;
		height: 50vw;
		background-color: #ddd;
		margin-left: auto;
		margin-right: auto;
		background-position: center center;
		background-size: cover;
	}
	
	.indexImageShort{
		width: 100vw;
		height: 35vw;
		background-color: #ddd;
		margin-left: auto;
		margin-right: auto;
		background-position: center center;
		background-size: cover;
	}
	
	.indexImageCaption{
		width: 99vw;
		max-width: 1000px;
		margin-right: 10px;
	}
}

@media screen and (min-width: 1000px) {
	.pageImage{
		width: 1000px;
		height: 400px;
		background-color: #ddd;
		margin-left: auto;
		margin-right: auto;
		background-position: center center;
		background-size: cover;
		position: relative;
	}
	
	.indexImage{
		width: 1000px;
		height: 500px;
		background-color: #ddd;
		margin-left: auto;
		margin-right: auto;
		background-position: center center;
		background-size: cover;
	}
	
	.indexImageShort{
		width: 1000px;
		height: 350px;
		background-color: #ddd;
		margin-left: auto;
		margin-right: auto;
		background-position: center center;
		background-size: cover;
	}
	
	.indexImageCaption{
		width: 100vw;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
}

.imageFloatRight{
	width: 250px;
	float: right;
	padding: 0 0 10px 10px;
	max-width: 50%;
}

.contentImage{
	width: 500px;
	max-width: 100vw;
	height: 300px;
	background-color: #ddd;
	margin-left: auto;
	margin-right: auto;
	background-position: center center;
	background-size: cover;
}

.contentImageCaption{
	width: 500px;
	max-width: 100vw;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 500px) {
	.contentImageCaption{
		width: 95%;
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
}

@media only screen and (max-width: 800px) {
	.centerImage{
		display: block;
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
	}
}

@media only screen and (min-width: 801px) {
	.centerImage{
		display: block;
		width: 720px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (max-width: 400px) {
	.centerImageSmall{
		display: block;
		width: 75%;
		margin-left: 12.5%;
		margin-right: 12.5%;
	}
}
	
@media only screen and (min-width: 401px) {
	.centerImageSmall{
		display: block;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
}

.pageImageCaption{
	position: absolute; 
	bottom: 0;
	right: 0;
	width: calc(100% - 30px);
	min-height: 35px;
	background-color: #000;
	color: #fff;
	padding: 5px 15px;
	opacity: .6;
	z-index: 1;
	border-style: solid;
	border-width: 2px 0 0 0;
	border-color: #fff;
}

.pageImageCaptionText{
	position: absolute; 
	bottom: 0;
	right: 0;
	min-width: 100px;
	min-height: 25px;
	color: #fff;
	padding: 5px 15px;
	z-index: 2;
}