.map-df .map-btn-wrapper {
    display: flex;
    padding: 10px;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

.map-df .map-btn-cont {
    min-width: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
	height: 66px;
	padding: 5px;
}

.map-df .map-btn {
	background-color: #161739;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-family: 'stolzl';
    font-size: 18px;
    line-height: 24px;
    border-radius: 10px;
	transition: 0.2s ease-in-out all;	
}

.map-df .map-btn:hover {
	box-shadow: 0 5px 7px 0px #ccc;
	transition: 0.2s ease-in-out all;	
	cursor: pointer;	
}

.map-df .map-btn-cont.hovered:nth-child(3n-2) .map-btn {
	background-color: #DD265D;
}

.map-df .map-btn-cont.hovered:nth-child(3n-1) .map-btn {
	background-color: #129BDB;
}

.map-df .map-btn-cont.hovered:nth-child(3n) .map-btn {
	background-color: #43B02A;
}


.map-df .map-wrapper .mpin:nth-child(3n-2) {
	color: #DD265D;
}

.map-df .map-wrapper .mpin:nth-child(3n-1) {
	color: #129BDB;
}

.map-df .map-wrapper .mpin:nth-child(3n) {
	color: #43B02A;
}

.mpin {
	transition: 0.2s ease-in-out all;
}

.mpin-1.hovered, .mpin-2.hovered, .mpin-3.hovered, .mpin-4.hovered, .mpin-5.hovered, .mpin-6.hovered {
	transform: scale(2);
	transition: 0.2s ease-in-out all;
}

.map-btn-cont.hovered .map-btn {
	background-color: inherit;
}

.map-wrapper {
    width: 326px;
	max-width: 326px;
	height: 414px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.mpin {
	position: absolute;	
}

.map-wrapper {
	position: relative;
}

.map-row {
    display: flex;
    justify-content: space-evenly;
    align-content: center;
    align-items: center;
}

.mpin:hover {
	cursor: pointer;
}