.table {
 font-family: 'Roboto', sans-serif;
 font-weight: 400;
 font-size: 15px;
 line-height: 1.4;
 color: #484848;
 border-style: solid;
 border-width: thin;
 border-left-width: 1px;
 border-top-width: 1px;
 border-bottom-width: 0;
 border-right-width: 0px;
 border-color: #e0e0e0;
 background-color: #fff;
}

.htable-header {
 padding: 20px;
 font-family: 'Roboto', sans-serif;
 font-weight: 400;
 font-size: 13px;
 color: #fff;
 border-style: solid;
 border-width: thin;
 border-left-width: 0px;
 border-top-width: 0px;
 border-bottom-width: 1px;
 border-right-width: 1px;
 border-color: #e0e0e0;
 background-color: #714194;
 vertical-align: middle;
}

.table-cell {
 padding: 15px 20px;
 border-style: solid;
 border-width: thin;
 border-left-width: 0;
 border-top-width: 0;
 border-bottom-width: 1px;
 border-right-width: 1px;
 border-color: #e0e0e0;
 background-color: #fff;
}

@media screen and (max-width:676px) {
 .table {
  font-size: 13px;
 }
 .htable-header {
  padding: 10px 15px;
 }
 .table-cell {
  padding: 10px 15px;
 }
}