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

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

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

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

.imgr > div > .imgr-button-left {
	
	position: absolute;
	left: 20%;
	top: 75px;
}

.imgr > div > .imgr-button-right {
	
	position: absolute;
	right: 20%;
	top: 75px;
}

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

.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: 900px) {
	
	.imgr > div > .imgr-button-left {
		
		left: 10%;
	}

	.imgr > div > .imgr-button-right {
		
		right: 10%;
	}
}

@media all and (max-width: 700px) {
	
	.imgr > div > .imgr-button-left {
		
		left: 5%;
	}

	.imgr > div > .imgr-button-right {
		
		right: 5%;
	}
}

@media all and (max-width: 500px) {
	
	.imgr > div > .imgr-button-left {
		
		top: 50px;
		left: 1%;
	}

	.imgr > div > .imgr-button-right {
		
		top: 50px;
		right: 1%;
	}
}