.modal-1 {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}
	
	/* Modal Content (image) */
	.modal-content-1 {
	margin: auto;
	display: block;
	width: 80%;
	opacity: 1 !important;
	max-width: 1200px;
	}
	
	/* Caption of Modal Image */
	.modal-caption-1 {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 1200px;
	text-align: center;
	/* color: white; */  /* uncomment it to show image caption */
	font-weight: 700;
	font-size: 1em;
	margin-top: 32px;
	}
	
	/* Add Animation */
	.modal-content-1, .modal-caption-1 {  
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
	}
	
	@-webkit-keyframes zoom {
	from {-webkit-atransform:scale(0)} 
	to {-webkit-transform:scale(1)}
	}
	
	@keyframes zoom {
	from {transform:scale(0)} 
	to {transform:scale(1)}
	}
	
	/* The Close Button */
	.modal-close-1 {
	position: absolute;
	top: 15px;
	right: 35px;
	color: #221e1e;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
	}
	
	.modal-close-1:hover,
	.modal-close-1:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
	}
	
	.modal-1 {
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 1050;
		max-height: 600px;
		overflow: auto;
		width: 560px;
		margin: -250px 0 0 -280px;
		background-color: #ffffff;
		border: 1px solid #999;
		border: 1px solid rgba(0, 0, 0, 0.3);
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
		box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding-box;
		background-clip: padding-box;
	}