body {
  padding: 10px;
  background-color: #3F4258;
  font-family: 'Source Sans Pro',sans-serif;
}

section.the-css-at-table {
  display: table;
  border-collapse: collapse;
  margin: 0 0 20px 0;
}
section.the-css-at-table header {
  display: table-header-group !important;
}
section.the-css-at-table .tbody {
  display: table-row-group;
}
section.the-css-at-table .tr {
  display: table-row;
}
section.the-css-at-table .tr > span {
  display: table-cell;
  padding: 10px;
  border: 1px solid #E6E7F1;
  text-align: left;
}
section.the-css-at-table .tr:nth-child(odd) {
  background-color: #F6F7FA;
}
section.the-css-at-table .tr:nth-child(even) {
  background-color: white;
}
section.the-css-at-table .th {
  background: #798299;
  border-color: #60697f;
  color: white;
}
section.the-css-at-table .title {
  display: none;
}
section.the-css-at-table .no-style-break {
  display: none;
}
section.the-css-at-table .spacer {
  display: none;
}

@media (max-width: 700px) {
  section.the-css-at-table {
    display: block;
  }
  section.the-css-at-table header {
    display: none !important;
  }
  section.the-css-at-table .tbody {
    display: block;
  }
  section.the-css-at-table .tr {
    display: block;
    margin: 0 0 20px 0;
  }
  section.the-css-at-table .tr > span {
    display: block;
  }
  section.the-css-at-table .tr > span::before {
    display: inline-block;
    width: 33%;
    margin-right: 10px;
    font-weight: bold;
  }
  section.the-css-at-table .title {
    display: inline-block;
    width: 40%;
    font-weight: bold;
    vertical-align:top; //edit: mdb
  }

/* edit: mdb - added this new class for "data" in order to fix the text wrapping underneath the title section */
section.the-css-at-table .data {
    display: inline-block;
    width: 55%;
    //font-weight: bold;
  }


}