.modal {display: none;position: fixed;z-index: 10;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background: #675745cc;backdrop-filter: blur(3px);transition: 0.5s;}
.modal-content {position: relative;margin: auto;padding: 0;width: auto;max-width: 100%;text-align: center;background: none !important;border: none !important;}
.close {color: white;position: absolute;top: 10px;right: 25px;font-size: 35px;font-weight: bold;cursor: pointer;z-index:999;}
.mySlides {display: none;text-align: center;width: 100%;}
.mySlides img {height: 100vh;width: auto;max-width: 100%;}
.cursor {cursor: pointer;}
.prev,.next {cursor: pointer;position: absolute;top: 50%;width: auto;padding: 16px;margin-top: -50px;transition: 0.6s ease;}
.next {right: 0;border-radius: 3px 0 0 3px;text-align:right;justify-content:flex-end;}
.prev {text-align:left;}
.numbertext {color: #FFF;font-size: 42px;padding: 20px 0 0 40px;position: absolute;top: 0;left: 0;}
.caption-container {text-align: center;background-color: #95ab91;padding: 10px 25px;color: #0b4430;width: 10%;border-radius: 200px;font-size: 15px;position: absolute;bottom: 30px;left: 45%;}
.demo {opacity: 0.6;}
.active,.demo:hover {opacity: 1;}
img.hover-shadow {transition: 0.3s;}
.hover-shadow:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;opacity: 0;transition: .5s ease;background-color: #008CBA;}
.column:hover .overlay {opacity: 1;}
.text {color: white;font-size: 20px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;}

@media (max-width:959px) {
	.caption-container {left:25% !important;width:50% !important;font-size:18px !important;bottom:-70px !important;background-color:#FFF !important;color:#95ab91 !important;}
	.mySlides img {height:auto !important;width:100% !important;}
	.modal-content {top:10% !important;}
	.numbertext {top:-70px !important;font-size:30px;}
	.prev,.next {top: 0 !important;width: 50% !important;padding: 16px;height:100%;margin-top: 0px !important;transition: 0.6s ease;display:flex;align-items:center;}
	.prev img, .next img {filter: drop-shadow(0 0 5px #95ab91);max-width: 100%;height: 41px;width: 42px;}
}