@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,600');
@import url('https://fonts.googleapis.com/css?family=Nunito:200,300,400,600');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600');
@import url('https://fonts.googleapis.com/css?family=Josefin+Slab:300,400,600');
@import url('https://fonts.googleapis.com/css?family=Reem+Kufi:400');
@import url('https://fonts.googleapis.com/css?family=Proza+Libre:400,500');
@import url('https://fonts.googleapis.com/css?family=Federo:400');
@import url('https://fonts.googleapis.com/css?family=Della+Respira:400');
@import url('https://fonts.googleapis.com/css?family=Rosario:400,700');
/*@import '../font-awesome-4.7.0/css/font-awesome.min.css';*/

html, body, svg text {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    font-family: 'Nunito', sans-serif;
    font-size: small;
    color: hsl(0, 0%, 40%);
    fill: hsl(0, 0%, 40%);
}

#container {
    width: 100%;
    height: 100%;
}

#body {
    width: 100%;
    height: 100%;
    padding-bottom: 40px;
    box-sizing: border-box;
}

#footer {
    position: absolute;
    z-index: 99;
    bottom: 0;
    width: 100%;
    height: 40px;
    background-color: rgb(192,192,192);
    color: rgb(135,135,135);
}

#map {
    width: 100%;
    height: 100%;
}

#banner {
    z-index: 98;
    pointer-events: none;
    position: absolute;
    padding-bottom: inherit;
    box-sizing: border-box;
    background-color: rgba(125, 135, 135,.7);
}

#infoLayer {
    z-index: 97;
    pointer-events: none;
    position: absolute;
    padding-bottom: 60px;
    /*padding-top: 20px;  --denna padding sätts i respektive banner-css
    padding-left: 210px;*/
    padding-right: 20px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

/*Lägg bra stans sen*/
.text-icon {
    margin-right: .4em;
}
.before-text-icon {
    margin-right: .5em;
}