span.fa {

    font-size: 48px;
}

.nav-item:hover {

    background-color: #17a2b8;
}

#map-section > div.container-fluid {

    padding: 0;
}


#legend {

    font-family: Arial, sans-serif;
    background: #fff;
    padding: 20px;
    margin: 10px;
    -webkit-box-shadow: 1px 2px 6px -3px #000000;
    -moz-box-shadow: 1px 2px 6px -3px #000000;
    box-shadow: 1px 2px 6px -3px #000000;
}

#legend > div.row {

    padding: 5px;
}

#legend > div.row > a > img {
    width: 25px;
    height: 25px;
}

table.table {

    width: 100%;
    border-spacing : 0;
    border-collapse : collapse;
}

table.table.text-center > thead > tr.text-uppercase > th {

    text-align: center;
}

#main-ranking, #steps-ranking {
    white-space: normal !important;
    word-wrap: break-word;
}

/*IE9, IE10, and IE11 don't properly scale SVG files added with img tags when viewBox, width and height attributes are specified*/
img[src*=".svg"] {
    width: 100%;
}