section.google-map #map{
	height: 50vh;
	min-height: 600px;
	max-height: 800px;
}
	
.info-window-content {
	width: 250px;
	text-align:center;
}

.info-window-content img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	border-radius: 5px;
}
.ccm-page .info-window-content p{
	margin: 0.5em 0;
	font-family: var(--paragraph-font);
	font-weight: 500;
}

#map-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,0.4);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  cursor: pointer;
  opacity:0;
  transition:all 0.3s;
}

#map:hover #map-overlay {
	opacity:1;
}