body {
  padding-top: 20px;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  background-color: rgb(26,32,36) !important;
  color: rgb(173,173,173) !important;
}
div.panel-body::after {
  clear: none;
}
div.jumbotron, div.panel {
  background-color: rgba(17, 21, 23, 0.75);
  border-radius: 10px !important;
}
nav.navbar {
  border-radius: 10px !important;
}
div.container {
  background-color: #ccc;
  padding: 20px 20px 0 20px;
  background: no-repeat url("shuttlecock_transparent.svg") right top;
  background-size: 50%;
}
div.panel h2 {
  margin-top: 10px;
  margin-bottom: 15px;
}
li.active a {
  background-color: #035a78 !important;
  color: #ccc !important;
}
a {
  color: rgb(85,208,251) !important;
}
div.map {
  text-align: center;
}
div.map img {
  width: 100%;
  max-width: 770px;
  margin-bottom: 10px;
}
div.panel-danger {
  border: solid 1px rgb(207,0,0);
  background-color: rgba(63,21,21,0.4);
  padding-top: 10px;
}
div.panel-success {
  border: solid 1px rgb(0,207,0);
  background-color: rgba(21,63,21,0.4);
  padding-top: 10px;
}
div.panel-default {
  border-color: rgb(52,64,70);
}
.glyphicon-warning-sign {
  font-size: 35px;
  margin-right: 10px;
}

@media screen and (min-width: 768px) {
  div.container {
    margin-bottom: 15px;
    border-radius: 10px !important;
  }
  div.panel > div {
    padding-left: 1.8em;
    padding-right: 1.8em;
  }
  div.jumbotron h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 767px) {
  body {
    padding: 0;
  }
}