/* change the  way the modal is positioned */

.mySlides {
  background-color: rgba( , , , 0.5);
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.hover:hover .overlay {
  opacity: 0.7;
}

.hovertext {
	 color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.placelist li {
	float: left;
}

.placelist li a {
	display: block;
	text-align: center;
	padding: 16px;
	color: black;
	background:;
}
.placelist ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}