.table {
    display: table;
    text-align: center;
    width: 100%;
    margin: 10% auto 0;
    border-collapse: separate;
    font-family: 'Mallory', sans-serif;
    font-weight: 400;
    margin-top: 5px;
  }
  
  .table_row {
    display: table-row;
  }
  
  .theader {
    display: table-row;
  }
  
  .table_header {
    display: table-cell;
    background: #fff;
    color: #00356b;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 700;
  }
  
  
  .table_small {
    display: table-cell;
  }
  
  .table_row > .table_small > .table_cell {
    padding-top: 3px;
    padding-bottom: 3px;
    color: #4a4a4a;
  }
  
  @media screen and (max-width: 900px) {
    .table {
    width: 90%;
    }
  }
  
  @media screen and (max-width: 650px) {
    .table {
      display: block;
    }
  
    .theader {
      display: none;
    }
    .table_row > .table_small > .table_cell:nth-child(odd) {
      display: table-cell;
      width: 50%;
    }
    .table_cell {
      display: table-cell;
      width: 50%;
    }
    .table_row {
      display: table;
      width: 100%;
      border-collapse: separate;
      padding-bottom: 20px;
      margin: 5% auto 0;
      text-align: center;
    }
    .table_small {
      display: table-row;
    }
}