#my-table {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  border-collapse: collapse;
  color: #686461;
}
#my-table caption {
  padding: 10px;
  color: white;
  background: #59c2e6;
  font-size: 18px;
  text-align: left;
  font-weight: bold;
}
#my-table th {
  border-bottom: 3px solid #B9B29F;
  padding: 10px;
  text-align: left;
}
#my-table td {
  padding: 10px;
}
#my-table tr:nth-child(odd) {
  background: #f1f5f5;
}
#my-table tr:nth-child(even) {
  background: #e2e3e3;
}
@media screen and (max-width: 600px) {
#my-table {width:100%;}
#my-table thead {display: none;}
#my-table tr:nth-of-type(2n) {background-color: inherit;}
#my-table tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}
#my-table tr th:first-child {font-weight:bold;font-size:1.3em;}
#my-table tbody td, tbody th {display: block; text-align:center;}
#my-table tbody td, tbody th:before {
content: attr(data-th);
display: block;
text-align:center;
}
}