#PhotosContainer {

	width: 100%;
	position: relative;
	text-align: center;
}

#PhotosContainer .image-container {

	margin: 10px;
	text-align: center;
	display: inline-block;
	position: relative;
	max-width: 670px;
}

#PhotosContainer .image-container img {

	padding: 0px;
	width: 100%;
}

#PhotosContainer .image-container-half .desc,
#PhotosContainer .image-container .desc {

	margin-bottom: 10px;
	text-align: left;
	padding: 10px;
}

#PhotosContainer .image-container-half {

	padding: 0px;
	width: 100%;
	display: inline-block;
	position: relative;
	margin: 10px;
	text-align: center;
}

#PhotosContainer .image-container-half img {

	width: 50%;
}

#PhotosContainer .image-container-half .title,
#PhotosContainer .image-container .title {

	font-weight: bold;
	text-align: left;
	color: white;
	font-size: 12pt;
	padding: 5px;
	border-radius: 3px;
}

#PhotosContainer .image-container-half .to-top,
#PhotosContainer .image-container .to-top {

	display: none;
}

#PhotosContainer img {

	padding: 10px;
}

#ThumbContainer {

	display: block;
	text-align: center;
	/*box-shadow: 0px 5px 6px -4px lightgrey;*/
	margin-bottom: 20px;
}

#ThumbContainer .thumb {

	display: inline-block;
	margin: 5px 5px;
	cursor: pointer;
	vertical-align: top;
	text-align: center;
}

#ThumbContainer .thumb:hover {

	color: orange;
}

#ThumbContainer .thumb img {

	width: 150px;
}

#ThumbContainer .thumb .title {

	font-weight: bold;
	text-align: center;
	padding: 5px;
}

.imgr {
	
	padding: 1em 0em;
	margin: auto;
} 

.imgr > div {
	
	position: relative;
	text-align: center;
	padding: 1em 0em;
}

.imgr > div:not(:last-of-type) {
	
	padding-bottom: 6em;
}

.imgr > div > h3 {
	
	text-align: center;
}

.imgr > div > .imgr-button-cover {
	
	text-align: center;
}

.imgr > div > .imgr-button-left {
	
	position: absolute;
	left: 1%;
	top: 75px;
	padding: 1em 2em;
}

.imgr > div > .imgr-button-right {
	
	position: absolute;
	right: 1%;
	top: 75px;
	padding: 1em 2em;
}

.imgr > div > .imgr-current-image-container {
	
	display: inline-block;
	text-align: center;
	max-width: 100%;
}

.imgr > div > .imgr-current-image-container .imgr-current-image {
	
	max-width: 100%;
}

.imgr > div > .imgr-images {
	
	display: none;
}

/**
	MEDIA QUERIES
*/
@media all and (max-width: 768px) {

	.imgr > div > .imgr-button-left {
		
		left: -20px;
		padding: 3em 1.5em;
	}

	.imgr > div > .imgr-button-right {
		
		right: -20px;
		padding: 3em 1.5em;
	}

	#PhotosContainer {
	
		float: left;
		width: 100%;
	}

	#PhotosContainer .image-container img {
	
		padding: 0px;
		width: 100%;
	}
	
	#PhotosContainer .image-container-half {
		
		width: 100%;
	}
	
	#PhotosContainer .image-container-half img {
		
		width: 75%;
	}
	
	#ThumbContainer {
	
		float: left;
		width: 100%;
	}
	
	#ThumbContainer .thumb {

		width: 50%;
		float: left;
		padding: 0px;
		margin: 10px 0px;
	}
	
	#ThumbContainer .thumb img {
	
		display: none;
	}
}