table.crdt {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  max-width: 980px;
}
table.crdt td.not-included {
  color: #B0ABA9;
}
table.crdt th {
  padding: 16px;
  word-wrap: break-word;
}
table.crdt th.-border {
  border: solid 2px #611590;
  background-color: #611590;
  color: white;
}
table.crdt:not(.inner) td {
  padding: 6px;
  word-wrap: break-word;
}
table.crdt:not(.inner) td.-has-inner {
  padding: 6px 0;
}
table.crdt:not(.inner) td.-border {
  border: solid 2px #ccc;
}
table.crdt:not(.inner) td.-header {
  background-color: #fafafa;
  font-weight: bold;
}
table.crdt.inner {
  margin-bottom: 0pt;
}
table.crdt.inner tr:not(:first-child):not(:last-child) {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

@media screen and (min-width:769px) {
    table.crdt th:first-child {
        width: 20%;
    }
    table.crdt th:nth-child(2),
    table.crdt th:nth-child(3) {
        width: 40%;
    }
}

@media screen and (max-width: 768px) {
  table.crdt:not(.inner) td.-header {
    border-top-width: 1px;
    border-bottom-width: 1px;
  }
  table.crdt tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
  table.crdt td,
  table.crdt th {
    display: block;
    width: 50%;
  }
  table.crdt td {
    font-size: 15px;
  }
  table.crdt th {
    font-size: 16px;
    padding: 16px 4px;
    border-left: 2px solid;
  }
  table.crdt th:first-child,
  table.crdt td:first-child {
    background: #dddddd;
    width: 100%;
  }
  table.crdt th:first-child {
    display: none;
  }
  table.crdt.inner th,
  table.crdt.inner td {
    background: transparent;
  }
}