body {
    background-color: #eee8aa;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 120%;
    padding-left: .5em;
}
h1 {
    margin-bottom: 0px;
    margin-top: .25em;
}
#rules, #credits {
    width: 55%;
    margin-top: .2em;
}

/*#counter {
    font-family: Verdana !important;
}*/
button {
    font-size: 115%;
}
svg {
    float: left;

}
#counties_named_list {
    display: none;
    /*position: fixed;*/
    z-index: 10;
    text-transform: capitalize;
    /*margin-right: 1em;*/
    width: 58%;
    /*opacity: .8;*/
    background-color: antiquewhite;
    padding: .3em;
    font-size: 120%;
    line-height: 145%;
}

#counties_named_list span {
    cursor: pointer;
}
#showhide_button {
    display: none;
    margin: .25em 0px .25em 0px;
}
.county_named {
    font-weight: bold;
}
@media only screen and (max-width: 768px) {
    #rules, #credits {
        width: 100% !important;
    }
    #counties_named_list {
        width: 100% !important;
    }
}