body { background-color:#C0392B; color:#fff;}
.container { margin:150px auto;}
/*General Styling*/

.tableWrapper {
  float: left;
  width: 100%;
}

.tableWrapper table { width: 100%; }

.tableWrapper table td:before { font-weight: bold; }

.tableWrapper table th {
  border-bottom: 1px solid #fff;
  padding: 5px;
}

.tableWrapper table td {
  padding: 5px;
  text-align: center;
}
@media all and (max-width: 768px) {

.tableWrapper table th { display: none; }

.tableWrapper table td {
  width: 50%;
  padding-left: 50%;
}

.tableWrapper table td, .tableWrapper table tr { display: block; }

.tableWrapper table td:before {
  content: attr(data-before);
  border-right: 1px solid #fff;
  width: 50%;
  position: absolute;
  left: 0;
}
}