/* phone */
@media screen and (max-width: 588px) {
  #pn-main, #pn-footer {
    min-width: 360px;
    max-width: 500px;
    margin: auto;
  }

  table {
    width: 500px;
  }
}

/* winner, winner2, tablet */
@media screen and (min-width: 589px) and (max-width: 710px) {
  #pn-main, #pn-footer {
    width: 500px;
    margin: auto;
  }

  table {
    max-width: 500px;
  }
}

/* tablet, dex, phone landscape */
@media screen and (min-width: 711px) and (max-width: 1023px) {
  #pn-main, #pn-footer {
    width: 640px;
    margin: auto;
  }

  table {
    max-width: 640px;
  }
}

/* tablet, dex, phone landscape */
@media screen and (min-width: 1024px) {
  #pn-main, #pn-footer {
    width: 840px;
    margin: auto;
  }

  table {
    max-width: 840px;
  }
}