.regionListing {
    display: none;
    position: absolute;
    padding: 30px 0;
    text-align: center;
}

.regionListing a {
    position: relative;
    display: block;
    color: #fff;
    background-color: #5abbc7;
    text-decoration: none;
    font-size: 17px;
    display: inline-block;
    margin-bottom: 16px;
    line-height: 28px;
    padding: 14px 32px 14px 0;
    width: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 17px 18px;
    background-position: calc(100% - 16px) center;
    background-image: url('/images/arrowWhite.svg');
}

.regionListing a:hover {
    background-color: #2a919d;
}


.map {
    position: relative;
    padding-right: 4%;
    max-width: 600px;
    width: 90%;
    margin: 40px auto 60px;
	height: 850px;
}

.map svg {
    width: 100%;
    height: auto;
}

.map > svg  path {
    transition: all ease-out .3s;
    cursor: pointer;
}

.map > svg > a:hover path.b {
    fill: #2a919d;
}

.map > .label, .map > .labelintro {
    pointer-events: none;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    display: block;
    line-height: 1;
    padding: 4px 13px;
    background-color: #5abbc7;
    position: absolute;
    text-decoration: none;
    opacity: 0;
    transition: all ease-out .2s;
}

.map > .label.hover {
    opacity: 1;
}

.map > .labelintro {
    opacity: 1;
    font-size: 18px;
    top: 40%;
    width: 100%;
    text-align: center;
}

.map:hover .labelintro {
    opacity: 0;
}

.map .background {
    fill: rgba(255,255,255,.0);
}



.label.nordoya-laeknadomi {
    top: 9%;
    right: 7%;
}



.label.fuglafjardar-laeknadomi {
    left: 51%;
    top: 15%;
}

.label.skalafjardar-laeknadomi {
    top: 18%;
    left: 45%;
}

.label.eidis-laeknadomi {
    left: 33%;
    top: 13%;
}

.label.nordstreymoyar-laeknadomi {
    top: 23%;
    right: 38%;
}

.label.sudurstreymoyar-laeknadomi {
    top: 36%;
    left: 41%;
}

.label.sandoyar-laeknadomi {
    top: 54%;
    left: 48%;
}

.label.vaga-laeknadomi {
    top: 29%;
    left: 16%;
}


.label.suduroyar-laeknadomi {
    top: 86%;
    left: 45%;
}




@media screen and (max-width: 630px) {
    .map {
        display: none;
        position: absolute;
    }

    .regionListing {
        display: block;
        position: relative;
    }
}

@media screen and (min-width: 360px) {

    .regionListing a {
        font-size: 19px;
    }
}