/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.7);
}

.mySlides img{
    max-width:100%;
    max-height:100%;
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    margin:auto;
}

/* The Close Button */
.close {
	position:absolute;
	top: 25px;
	right: 25px;
	height:60px;
	width:60px;
	background-color:rgba(0,0,0,0.5);
	line-height:1.15;
	border-style:solid;
	border-radius:50%;
	border-color:#FFFFFF;
	color: white;
	font-size: 50px;
	font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  border-color: #999;
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.mySlides {
  display: none;
}