@media (max-width: 800px) {
  #app {
    width: 100%;
  }

  #head {
    padding: 5px;
  }

  #navigation,
  #breadcrumbs {
    height: auto;
    clear: both;
  }

  #head-nav {
    padding-left: 0;
    padding-right: 0;
  }

  #head-nav li.i {
    margin-bottom: 2px;
  }

  #breadcrumbs {
    padding-left: 0;
    padding-right: 0;
  }

  #head-nav li.i.right {
    float: left;
  }

  #container {
    padding: 10px;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }

  #cols {
    flex-direction: column;
  }

  #left-col,
  #right-col {
    width: 100%;
  }

  #tour .place-i,
  #tour .control,
  #tour .note {
    display: none;
  }

  #tour .headline {
    width: 100%;
  }

  #footer ul li.right {
    float: none;
    clear: both;
    margin-left: 0;
  }

  #tour .nil-ratings-list {
    width: 80% !important;
  }

  .games-list {
    text-align: center;
  }

  .games-list .games-list-col {
    float: none;
    text-align: left;
    margin: 0 auto;
  }

  table.group .caption {
    line-height: 15px !important;
  }

  #tours th {
    padding: 5px;
    line-height: 18px;
  }

  #tours td,
  #tours th {
    width: auto !important;
  }

  #player-search input {
    width: 40px;
  }

  dl.tabs dt.tab {
    left: 2px;
  }

  ul.players-list-wide li {
    width: 45%;
  }

  #form-col {
    margin: 0;
    padding: 10px;
  }

  form.formtastic {
    margin: 0 0 10px !important;
    padding: 0 0 10px !important;
    width: auto;
  }

  form.formtastic label,
  form.formtastic input,
  form.formtastic textarea {
    float: none;
    width: 250px;
  }

  form.formtastic .buttons {
    padding: 0 !important;
  }

  #content {
    min-height: 0;
  }

  .goto-full {
    display: block;
  }

  .goto-mobile {
    display: none;
  }

  .games-singles .game,
  .player-games .game {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 800px) {
  .mobile-only {
    display: none;
  }
}