#map {
    width: 100%;
    max-width: 1600px;
    padding: 0 30px;
    margin: 0 auto;
    height: 700px;
}

.gm-style-iw-d * {
	color: white !important;
	text-align: center !important;
}

.gm-style-iw-d h3 {
	font-family: 'Outfit', sans-serif !important;
	font-weight: 500 !important;
	font-size: 20px !important;
	line-height: 170% !important;
	color: white !important;
}

.gm-style .gm-style-iw-c {
	background: #000;
	border-radius: 10px;
	filter: drop-shadow(0px 4px 4px 0px rgba(0, 0, 0, 0.25));
	padding: 20px 25px !important;
	max-width: 251px !important;
	/* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.gm-style-iw-d {
	overflow: hidden !important;
}

.gm-style .gm-style-iw-c h1 {
	font-family: "Montserrat", sans-serif;
	color: #FFF;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	line-height: 100%;
}

.gm-style .gm-style-iw-c p {
	color: #FFF !important;
	text-align: center !important;
	margin: 10px 0 0;
	font-family: 'Outfit', sans-serif !important;
	font-weight: 300 !important;
	font-size: 18px !important;
	line-height: 150% !important;
}

.gm-style .gm-style-iw-tc::after {
	background: #000;
	width: 50px;
	height: 18px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

.gm-ui-hover-effect>span {
	background-color: #FFF;
}

.gm-ui-hover-effect {
	opacity: 1;
}

.gm-ui-hover-effect {
	position: absolute !important;
	width: auto !important;
	height: auto !important;
	right: 7px !important;
	top: 7px !important;
}

.gm-ui-hover-effect span {
	margin: 0 !important;
}

@media (max-width: 1499px){
    #map{height: 550px;}
}

@media (max-width: 1199px){
    #map{height: 500px;}
}

@media (max-width: 767px){
    #map{height: 450px;}
}