@media (max-width: 768px) {

  /* Shell table should fit screen (your index table is 814 wide) */
  table[width="814"]{
    width: 100% !important;
  }

  /* Stack the left menu + iframe column */
  table[width="814"] > tbody > tr > td{
    display: block !important;
    width: 100% !important;
  }

  /* Make the menu table full width */
  #Table_01{
    width: 100% !important;
  }

  /* Menu button images */
  #Table_01 img{
    width: 100% !important;
    max-width: 260px; /* keep your centered look */
    height: auto !important;
    display: block;
    margin: 0 auto;
  }

  /* EVEN SPACING between menu rows (this is the real fix) */
  #Table_01 td{
    padding: 0 0 10px 0 !important; /* <-- adjust spacing here */
  }
  #Table_01 tr:last-child td{
    padding-bottom: 0 !important;
  }

  /* Top banner image is 814 wide in your HTML */
  img[width="814"]{
    width: 100% !important;
    height: auto !important;
    display: block;
  }

  /* Bottom bar images */
  img[width="301"], img[width="308"], img[width="195"]{
    width: 100% !important;
    max-width: 340px;
    height: auto !important;
    display: block;
    margin: 8px auto;
  }

  /* Prevent iframe from being absurdly tall on phones */
  #maincontent iframe{
    min-height: 480px;
    height: 70vh !important;
  }

  body{ padding: 12px; }
}