th { background-color: rgb(152, 30, 50); font-weight: 700; color: rgb(255, 255, 255); }
tbody tr td:nth-of-type(1) { font-weight: 700; }
tbody tr:nth-of-type(2n) { background-color: rgb(243, 243, 244); }
tr { border: 1px solid rgb(204, 204, 204); }
th { padding: 5px 15px; }
td { padding: 10px 15px; }
@media screen and (max-width: 600px) {
  table { width: 100%; }
  .ratesheet thead { display: none; }
  .ratesheet tr { border: medium none; }
  .ratesheet tr td:first-child { color: rgb(152, 30, 50); background: rgb(243, 243, 244) none repeat scroll 0% 0%; font-weight: 700; font-size: 1.3em; border-top: 1px solid rgb(204, 204, 204); }
  .ratesheet tbody td { display: block; text-align: center; background-color: rgb(255, 255, 255); border-width: medium 1px 1px; border-style: none solid solid; border-color: -moz-use-text-color rgb(204, 204, 204) rgb(204, 204, 204); }
  #calendar tbody td { font-weight: 700; }
  .ratesheet tbody td:last-child { border-bottom: medium none; }
  #lastbox { border-bottom: 1px solid rgb(204, 204, 204); }
  .issue::after { content: attr(data-th); display: inline; text-align: center; }
  .issue::before { content: none; }
  tbody td::before { content: attr(data-th); display: block; text-align: center; font-weight: 400; }
  .adsizes div img { width: 50%; height: auto ! important; margin-left: auto; margin-right: auto; }
  #halfspread { width: 100% ! important; height: auto; margin-left: auto; margin-right: auto; }
  .box1, .box2, .box3 { width: 100%; height: auto; }
  .onlineads div { width: 100%; height: auto; }
}
.adsizes { width: 100%; margin-left: auto; margin-right: auto; }
.adsizes div { display: inline-block; }
.adsizes div img { vertical-align: top; height: 190px; padding: 5px; }
.onlineads { width: 100%; margin-left: auto; margin-right: auto; padding: 5px 5px 15px; }
.ad1 { display: inline-block; width: 35%; }
.ad2 { display: inline-block; width: 64%; }
.onlineads div img { vertical-align: top; width: 100%; }