body {
    font-family: "Textbook-regular", Arial, sans-serif;
    font-size: 62.5%;
}

.header {
    font-family: "Textbook-bold", Arial, sans-serif;
    text-transform: uppercase;
    font-size: 1.25em;
    line-height: 1.5em;
    letter-spacing: 0.04em;
    color: #000000;
     margin-bottom: .5em;
}

.subheader {
    font-size: 1.25em;
    line-height: 1em;
    /*letter-spacing: 0.04em;*/
    /*color: #555150;*/
    color: black;
    /*margin: 0.5em 0 2em 0;*/
}

#legend {
    /*position: absolute;*/
    margin: .5em 0;
}

.legend-square {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px 0 15px;
    vertical-align: middle;
}

#legend+span {
    font-size: 12.5px;
}

#select-city {
    font-size: 16px;
    margin: 0 0 8px 8px;
}

.caption {
    font-family: "Textbook-light", Arial, sans-serif;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 1.3em;
    letter-spacing: 0.04em;
    color: #555150;
    margin-top: 2em;
}