.active,.demo:hover {
			opacity:1;
}
.caption-container {
			text-align:center;
			background:#000;
			padding:2px 16px;
			color:white;
}
.close {
			color:white;
			position:absolute;
			top:10px;
			right:25px;
			font-size:35px;
			font-weight:bold;
}
.close:hover,.close:focus {
			color:#999;
			text-decoration:none;
			cursor:pointer;
}
.column { /* making four columns equal widths to float next to one another */
			float:left;
			width:22%;
}
.demo {
			opacity:0.6;
}
.hover-shadow {
			transition:0.3s;
			width:200px;
}
.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)
}
.modal {
			display:none;
			position:fixed;
			z-index:1;
			padding-top:100px;
			left:0;
			top:0;
			width:100%;
			height:100%;
			overflow:auto;
			background:#000;
}
.modal-content {
			position:relative;
			background:#FEFEFE;
			margin:auto;
			padding:0;
			max-width:1000px;
}
.mySlides {
			display:none;
			height:800px;
			width:1200px;
			background:#000;
}
.numbertext {
			color:#F2F2F2;
			font-size:12px;
			padding:8px 12px;
			position:absolute;
			top:0;
}
.photo {
			max-width:1000px;
			max-height:750px;
			
}
.row > .column {
			padding:0px 8px;
}
.row:after {
			content:"";
			display:table;
			clear:both;
}
.thumb {
			width:200px;
			margin-left:10px;
			margin-right:10px;
}