.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key {
  background-color: #F7F7F7;
  padding-right: 1%;
  text-align: right;
  width: 49%;
  padding: 5px;
}
.display.stacktable.small-only tr {
  border-bottom: 1px solid #e1e1e1;
}
.small-only th.st-head-row {
  background-color: #b4ded3;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
}

.st-val { width: 49%; padding-left: 1%; }



/* RESPONSIVE EXAMPLE */

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

@media (max-width: 800px) {
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }
}