@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro|Source+Sans+Pro');

body {
  margin: 0;
  padding: 0;
}

table.results {
  max-width: 650px;
  font: 14px/1.5em 'Source Sans Pro', Arial, sans-serif;
  width: 100%;
  margin: 0 auto 30px;
  border-spacing: 0;
}

table.results th,
table.results td {
  padding: 10px 15px;
  margin: 0;
  text-align: left;
}

table.results th {
  font-weight: bold;
}

table.results th:nth-child(2) {
  width: 50%;
  text-align: right;
}

table.results thead tr:last-child th {
  border-bottom: 1px solid #b8b8b8;
}

table.results tbody td:last-child {
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 10px;
}

table.results tbody tr:nth-child(odd) {
  background: #f4f4f4;
}

table.results tr.winner {
  font-weight: bold;
}

table.results tr.winner td:first-child::after {
  content: '\0020\2713';
}

table.results td:first-child {
  width: 50%;
}

table.results td:nth-child(2) {
  width: 50%;
  text-align: right;
}

table.results .wrapper {
}

table.results .graph {
  width: 100%;
  border: 1px solid #e4e4e4;
  border-radius: 15px;
  height: 15px;
  background: #fff;
  background-image: url(data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFUlEQVQImWNgQANnzpz5T3UBBgYGAHgbEPDHqFRvAAAAAElFTkSuQmCC);
}

table.results .graph .col {
  border-radius: 15px 0 0 15px;
  background: #07a3dd;
  height: 15px;
}


@media screen and (min-width: 450px) {

  table.results td {
    display: table-cell;
    border-bottom: 1px solid #e4e4e4;
  }

}