.table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  table {
    border-collapse: collapse;
    width: 100%;
    min-width: 600px; /* ensure enough width to scroll on mobile */
  }

  th {
    color: white;
		background-color: #174679;
    font-size: 22px;
  }

  td {
    font-size: 19px;
    color: #424242;
  }

  td,
  th {
    border: 2px solid #dddddd;
    text-align: left;
    padding: 8px;
  }

  @media screen and (max-width: 600px) {
    th, td {
      font-size: 16px;
      padding: 6px;
    }
  }