.gallery-wrapper .gallery-list {
	list-style: none;
	padding: 0;
}

.gallery-wrapper .gallery-item button {
	width: 100%;
}

.gallery-wrapper .gallery-item img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	cursor: pointer;
	display: block;
}

@media (min-width: 576px) {
	.gallery-wrapper .gallery-item img {
		height: 207px;
	}
}

@media (min-width: 768px) {
	.gallery-wrapper .gallery-item img {
		height: 140px;
	}
}

@media (min-width: 992px) {
	.gallery-wrapper .gallery-item img {
		height: 185px;
	}
}

@media (min-width: 1200px) {
	.gallery-wrapper .gallery-item img {
		height: 224px;
	}
}

.gallery-wrapper .gallery-item button {
	outline-offset: -3px;
	border: 5px solid transparent;
}

.gallery-wrapper .gallery-item button:focus {
	outline: 3px solid #85b7d1;
	border: 5px solid #ffffff;
}

.gallery-wrapper .lightbox {
	display: none;
}

.gallery-wrapper .lightbox.open {
	position: fixed;
	display: flex;
	align-items: center;
	z-index: 100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
}

.gallery-wrapper .lightbox .close-lightbox {
	display: block;
	position: absolute;
	top: 0;
	right: 15px;
	color: #4D4D4D;
	font-size: 28px;
}

.gallery-wrapper .lightbox .next-img,
.gallery-wrapper .lightbox .prev-img {
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	background: #0000009A;
	color: #fff;
	position: absolute;
	top: 50%;
}

.gallery-wrapper .lightbox .next-img {
	right: 15px;
}

.gallery-wrapper .lightbox .prev-img {
	left: 15px;
}

.gallery-wrapper .lightbox .positioner {
	width: 100%;
}

.gallery-wrapper .lightbox .img-count { 
	display: block;
	position: absolute;
	top: 5px;
	left: 15px;
	font-size: 20px;
}

.gallery-wrapper .lightbox .img-container {
	width: 90%;
	margin: 30px auto;
	text-align: center;
}

.gallery-wrapper .lightbox .caption-container {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	padding: 15px 0;
	background: rgba(255, 255, 255, 0.8);
}

.gallery-wrapper .lightbox .img-container img {
	max-width: 100%;
	height: auto;
}

.gallery-wrapper .lightbox button:focus {
	outline: 3px solid #00694E;
}

.gallery-wrapper .lightbox .caption-container p {
	max-width: 60%;
	margin: 0 auto;
}

.gallery-wrapper .lightbox .img-count,
.gallery-wrapper .lightbox .close-lightbox i,
.gallery-wrapper .lightbox .caption-container p {
	color: #4D4D4D;
}

@media (max-width: 769px) {
	.gallery-wrapper .lightbox .caption-container p { 
		max-width: 90%;
	}
}