table.responsive {
  width: 100%;
}

table.responsive td.second {
  order:2;
}

table.responsive td.third {
  order:3;
  /* display: none; */
}

span.time {
  display: none;
}

@media screen and (max-width:640px) {
  table.responsive {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }

  span.time {
    display: inline-flex;
  }

  table.responsive tr {
    display: flex;
    flex-direction: column;
    /* margin-bottom: 1px; */
  }

  table.responsive thead {
    display: none;
  }
  table.responsive tbody th,
  table.responsive tbody td {
    display: block;
  }

  table.responsive td.first {
    order:1;
    display: inline-flex;
    flex-direction: row;
    align-content: flex-start;
    flex-wrap: wrap;
    /* flex-flow: column wrap; */
    white-space: no-wrap;
  }

  table.responsive td.first span.time {
    padding-right: 10px;
  }

  table.responsive td.first.time {
    order:1;
    display:none;
  }

  table.responsive td.first a {
    display:inline-flex;
  }
  table.responsive td.first p {
    display:inline-flex;
    white-space: wrap;
  }
  table.responsive span.time {
    /* order:1; */
    display:inline-flex;
  }

  table.responsive td.first.title {
    padding-bottom: 1px;
  }
  table.responsive td.first.title p {
    margin-bottom: 1px;
  }

  /* table.responsive td.third h4 {
    margin-bottom: 0;
    display: inline-flex;
  }
*/
  table.responsive td.third div img.anon {
    display: none;
  }

  /* #main > div:nth-child(3) > table > tbody > tr:nth-child(2) > td.third > div > div.col-9 > p */
  table.responsive td.third div p {
    display: none;
  }
  table.responsive td span {
    display: block;
  }
  table.responsive td .label {
    background-color: #ddd;
    font-weight: bold;
    text-align: center;
  }
}