@font-face {
  font-family: 'Rockwell';
  src: url("../fonts/Rockwell-Bold.eot");
  src: url("../fonts/Rockwell-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Rockwell-Bold.woff2") format("woff2"), url("../fonts/Rockwell-Bold.woff") format("woff"), url("../fonts/Rockwell-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Rockwell';
  src: url("../fonts/Rockwell.eot");
  src: url("../fonts/Rockwell.eot?#iefix") format("embedded-opentype"), url("../fonts/Rockwell.woff2") format("woff2"), url("../fonts/Rockwell.woff") format("woff"), url("../fonts/Rockwell.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
* {
  box-sizing: border-box; }

body {
  position: relative;
  margin: 25px;
  margin-right: 37.5px;
  font-family: Rockwell,Courier Bold,Courier,Georgia,Times,Times New Roman,serif;
  line-height: 1.4;
  font-size: 1.1rem; }

a {
  text-decoration: none;
  color: #0000ff; }
  a:hover {
    color: #999; }

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  font-weight: normal; }

h1, .data-browser {
  margin-bottom: 25px; }

.content h1 {
  margin-bottom: 1rem; }

h2 {
  font-weight: bold;
  margin-bottom: 0; }

p {
  margin-top: 0; }

@media (min-width: 700px) {
  .multi {
    position: fixed;
    top: 0;
    left: 0; } }
.multi img {
  max-width: 300px; }
  @media (min-width: 700px) {
    .multi img {
      max-width: 300px;
      margin-top: -35px; } }

.menu {
  margin: 0 0 25px 0;
  z-index: 2; }
  @media (min-width: 700px) {
    .menu {
      position: fixed;
      left: 0;
      bottom: 0;
      margin: 25px; } }

nav ul {
  list-style-type: none;
  padding-left: 0;
  margin: 0; }
  nav ul li a {
    display: inline-block; }
    nav ul li a.active {
      color: black; }

.issues a {
  text-transform: uppercase;
  padding: 5px; }

.content {
  position: relative;
  width: 100%;
  max-width: 1200px; }
  @media (min-width: 700px) {
    .content {
      padding-left: 300px; } }
  .content img {
    max-width: 300px; }

.db01 a, .db02 a, .db03 a, .db04 a, .db05 a, .db06 a, .db07 a, .db08 a, .db09 a, .db10 a {
  display: inline-block;
  padding: 0 5px;
  margin: 0 -5px; }

.db01 a {
  color: #f1bd58; }
  .db01 a:hover {
    background: #f1bd58;
    color: #fff; }

.db02 a {
  color: #9eadcb; }
  .db02 a:hover {
    background: #9eadcb;
    color: #fff; }

.db03 a {
  color: #df858a; }
  .db03 a:hover {
    background: #df858a;
    color: #fff; }

.db04 a {
  color: #b2dbe0; }
  .db04 a:hover {
    background: #b2dbe0;
    color: #fff; }

.db05 a {
  color: #abbf63; }
  .db05 a:hover {
    background: #abbf63;
    color: #fff; }

.db06 a {
  color: #faae92; }
  .db06 a:hover {
    background: #faae92;
    color: #fff; }

.db07 a {
  color: #9e76b4; }
  .db07 a:hover {
    background: #9e76b4;
    color: #fff; }

.db08 a {
  color: #4c6db0; }
  .db08 a:hover {
    background: #4c6db0;
    color: #fff; }

.db09 a {
  color: #999; }
  .db09 a:hover {
    background: #999;
    color: #fff; }

.db10 a {
  color: #999; }
  .db10 a:hover {
    background: #999;
    color: #fff; }

/*# sourceMappingURL=style.css.map */
