body {
  font-size: 0.85em;
}

header {
  width: 100%;
  padding: 5px 15px;
  z-index: 5;
}

header .brand {
  white-space: nowrap;
}

header .brand a:hover{
  text-decoration: none;
}

header .brand h1 {
  display: inline;
  font-size: 1.5em;
  color: #333;
}

header .brand > img {
  display: inline-block;
  margin-right: 5px;
  margin-top: -5px;
}

header #last-updated {
  font-size: 0.7em;
  white-space: nowrap;
  text-align: center;
}

header .dropdown-menu {
  z-index: 1005;
}

footer {
  text-align: center;  
  padding: 2em 0;
  font-size: 0.8em;
  clear: both;
  color: #333;
}

footer p {
  margin: 1em;
}

#loading {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: #eee;
  z-index: 100;
  padding: 10px;
  text-align: center;
}

#error-overlay {
  text-align: center;
  font-style: italic;
  padding: 2em;
  background-color: #ffa0a0;
  margin-bottom: 2em;
}

.btn-outline-secondary {
  background-color: white;
}