.map-panel {
    position: relative;
    margin-bottom: 40px;
}

.map-panel .map-cont {
	position: relative;
	height: 0;
	padding-bottom: 34%;
}

.map-panel a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.map-panel a button {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	margin: 0 auto;
	width: auto;
	background-color: transparent;
	font-family:'Museo Sans W01_900', Arial;
	font-size: 21px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	border: 3px solid #fff;
	padding: 15px 18px;
}

@media (max-width: 1024px) {
	.map-panel .map-cont { padding-bottom: 50%; }
}
@media (max-width: 641px) {
    .map-panel .map-cont {
        background-image: url("/includes/public/assets/images/map-mobile.jpg") !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding-bottom: 110%;
    }
    .map-panel a button {
    	bottom: 10px;
    	font-size: calc(2vw + 0.1vh + 1vmin);
    	border: 2px solid #fff;
    	padding: 6px 8px;
    }
}