html, body {
  background: #fafafa; }

.error {
  position: relative;
  z-index: 999;
  padding: 50px 15px;
  text-align: center; }
  .error .btn {
    margin: 15px; }

.menu-button {
  position: absolute;
  margin: 15px;
  font-size: 25px;
  color: #dddddd;
  top: 0;
  left: 0; }
  .menu-button:hover, .menu-button:active {
    text-decoration: none;
    color: #666666; }
  .menu-button:focus {
    outline: 0; }

.msg-wrap {
  text-align: center; }
  .msg-wrap #msg {
    display: inline-block;
    margin: 10px auto; }

.tab-content {
  text-align: center;
  padding: 30px 15px 60px; }
  .tab-content .display {
    font-size: 16vw; }
  .tab-content .display-label {
    opacity: 0.3;
    font-size: 4vw; }
    .tab-content .display-label small {
      display: block;
      font-size: 0.6em; }
  @media (max-width: 400px) {
    .tab-content .display {
      font-size: 22vw; }
    .tab-content .display-label {
      font-size: 6vw; } }
  @media (max-width: 760px) {
    .tab-content .display-label small {
      display: inline;
      font-size: 1em; } }

.nav {
  text-align: center; }
  .nav.nav-pills > li {
    display: inline-block;
    margin: 5px;
    float: none; }

#holidays {
  margin: 40px 0; }
  #holidays .display-wrap {
    color: #cccccc;
    text-align: center;
    font-size: 16px; }
    #holidays .display-wrap span {
      font-weight: bold; }
  #holidays form {
    padding-top: 10px; }
  #holidays .checkbox {
    display: inline-block;
    margin: 5px; }
    #holidays .checkbox .btn {
      padding-left: 30px;
      font-weight: bold; }
      #holidays .checkbox .btn span {
        color: #666666;
        font-weight: normal; }
  #holidays .btn-wrap {
    font-size: 0;
    text-align: center; }
    #holidays .btn-wrap .btn {
      margin: 10px 5px; }

.container,
.content {
  background: transparent; }

.content {
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%; }

.menu-wrap {
  position: absolute;
  background: #fafafa;
  top: 15px;
  left: 15px; }

.menu {
  margin: 50px 15px 20px 15px;
  text-align: left; }
  .menu .button-wrap {
    position: absolute;
    top: 15px;
    right: 15px; }

.show-menu .menu-wrap {
  -webkit-animation: none;
  animation: none;
  height: 430px; }
  @media (max-width: 300px) {
    .show-menu .menu-wrap {
      width: 200px; } }