.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 { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }

/* RESPONSIVE EXAMPLE */

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

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

.cards table
{
	background-color: #f7f7f7;
	border: 1px solid #cccccc;
	margin-bottom: 1%;
}

.cards .st-key
{
	font-weight: bold;
	text-align: left;
}

.cards td
{
	padding: 2% !important;
	border-top: none !important;
}

.stacked .st-key
{
	font-weight: bold;
	text-align: left;
	padding-left: 10%;
}

.stacked .st-val
{
	color: #555555;
	padding-left: 2%;
}

.stacked .st-head-row-main
{
	background-color: transparent !important;
	border-top: none;
}

.stacked .st-head-row
{
	background-color: #f7f7f7;
	padding-left: 2%;
}