/* New branding colours */
@media only screen and (max-width: 800px) {
  /* Force table to not be like tables anymore */
  table.abb-table--responsive {
    display: block; }
    table.abb-table--responsive thead, table.abb-table--responsive tbody, table.abb-table--responsive th, table.abb-table--responsive td, table.abb-table--responsive tr {
      display: block; }
    table.abb-table--responsive thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    table.abb-table--responsive tr {
      border: 1px solid transparent; }
    table.abb-table--responsive td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid transparent;
      position: relative;
      padding-left: 50%;
      white-space: normal;
      text-align: left; }
      table.abb-table--responsive td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: 500;
        content: attr(data-title); }
  /* Hide table headers (but not display: none;, for accessibility) */
  /*
  Label the data
  */ }

table {
  margin-bottom: 2rem; }
  table.abb-table--full {
    width: 100%; }
  table thead tr th {
    text-align: left;
    font-weight: 500;
    font-size: 1.1875rem; }
  table tbody tr th {
    text-align: left;
    font-weight: 300;
    padding-right: 1rem;
    font-size: 0.8125rem; }
  table td {
    vertical-align: top; }
    table td:not(:last-child) {
      padding-right: 10px; }