a {
	all: unset;
}
.mapContainer{
		margin: 0 auto;
		width: 100%;
		max-width: 400px;
		display: block;
}

.map{
	width: 100%;
	height: 104%;
	fill: #69bffc;
}

.region{
    position: relative;
		transition: all .6s;
}

.region:hover{
		transform:translateY(-15px);
		cursor: pointer;
}

.region.gb-ukc:hover{
	fill: url(map.css#gb-ukc);
}
.region.gb-ukd:hover{
	fill: url(map.css#gb-ukd);
}
.region.gb-uke:hover{
	fill: url(map.css#gb-uke);
}
.region.gb-ukf:hover{
	fill: url(map.css#gb-ukf);
}
.region.gb-ukg:hover{
	fill: url(map.css#gb-ukg);
}
.region.gb-ukh:hover{
	fill: url(map.css#gb-ukh);
}
.region.gb-uki:hover{
	fill: url(map.css#gb-uki);
}
.region.gb-ukj:hover{
	fill: url(map.css#gb-ukj);
}
.region.gb-ukk:hover{
	fill: url(map.css#gb-ukk);
}
.region.gb-ukl:hover{
	fill: url(map.css#gb-ukl);
}
.region.gb-ukm:hover{
	fill: url(map.css#gb-ukm);
}
.region.gb-ukn:hover{
	fill: url(map.css#gb-ukn);
}
.region.gg:hover{
	fill: url(map.css#gg);
}
.region.je:hover{
	fill: url(map.css#je);
}
.region.im:hover{
	fill: url(map.css#im);
}
.region.ie:hover{
	fill: url(map.css#ie);
}