/*
 * Responsive layer for the older fixed-width table pages (hotel microsites and
 * /html). Desktop rendering is unchanged; on narrow screens fixed widths give
 * way and layout cells stack.
 */
img, video, iframe, embed, object { max-width: 100%; }
img { height: auto; }
table { max-width: 100%; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; }

@media (max-width: 800px) {
  html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  body { margin: 0 !important; padding: 0 8px; overflow-wrap: break-word; }
  table, table[width] { width: 100% !important; height: auto !important; }
  td, th, td[width], th[width] { width: auto !important; height: auto !important; }
  td[background] { background-size: cover; }
  marquee { max-width: 100%; }
  iframe { width: 100% !important; }
}

@media (max-width: 600px) {
  /* Stack layout cells so text columns don't get squeezed. */
  table[width] > tbody > tr > td,
  table[width] > tr > td,
  table[height] > tbody > tr > td,
  table[align] > tbody > tr > td,
  table[align] > tr > td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
  }
  /* Spacer and divider cells add nothing once stacked. */
  td[width="1"], td[width="2"], td[width="3"], td[width="4"], td[width="5"],
  td[width="6"], td[width="8"], td[width="10"] { display: none !important; }
  img[align], img[align="left"], img[align="right"] { float: none !important; display: block; margin: 8px auto; }
  font[size="7"], font[size="6"] { font-size: 1.6em; }
  .style3 { font-size: 1.6em !important; }
}