h1, h2, h3, svg, body {
  font-family: 'Source Sans Pro', serif; }

h1 {
  border-bottom: 2px solid #222; }
  h1 img {
    height: 40px; }

h2.subheader {
  margin: 0; }

#map {
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  background-color: #f5f5f5;
  position: relative; }

svg {
  font-size: 60%; }

path[wiki] {
  fill: #ccc;
  stroke: #fff;
  stroke-width: 0.2px; }
  path[wiki]:hover, path[wiki].active {
    fill: #ddd;
    stroke: white;
    stroke-width: 1px; }
  path[wiki].focus {
    opacity: 1;
    fill: yellow;
    stroke: #ccc;
    stroke-width: 1px; }

text[wiki] {
  text-anchor: middle;
  cursor: pointer;
  opacity: 0.4; }
  text[wiki]:hover, text[wiki].active {
    font-size: 150%;
    opacity: 1; }
  text[wiki].focus {
    transition: transform 2s;
    opacity: 1;
    text-decoration: underline;
    z-index: 999; }

.Union {
  font-size: 8px;
  font-style: italic; }

.State {
  font-size: 10px; }

.Capital {
  font-weight: bold; }

.rail {
  opacity: 0.1;
  fill: none;
  stroke: #777;
  stroke-width: 1.5px;
  pointer-events: none; }
  .rail:hover {
    opacity: 1;
    stroke-width: 2px; }

#map-overlay {
  margin-left: 10px;
  opacity: 0.6;
  position: absolute;
  top: 20px; }
  #map-overlay h5 {
    margin-bottom: 0; }
  #map-overlay .subheader span {
    background-color: #eee;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 2px 6px;
    cursor: pointer; }

form {
  border-bottom: 1px solid #333; }

#lang {
  width: 40px; }