/* Mobile pass — loaded after page styles, max-width 600px */
@media (max-width: 600px) {
  h1 {
    font-size: 2em;
    text-shadow: 2px 2px 0 #ff0000;
    transform: none;
    margin: 12px 8px 5px;
  }
  h2 { font-size: 1.4em; }
  .subtitle { font-size: 1.1em; }
  marquee { font-size: 1em; border-width: 3px; }

  table.details td { padding: 6px 12px; font-size: 1em; }

  .polaroid {
    padding: 6px 6px 14px;
    margin: 8px;
    transform: none;
  }
  .polaroid img { max-width: 200px; }
  .polaroid:nth-child(odd) { transform: rotate(-2deg); }
  .polaroid:nth-child(even) { transform: rotate(2deg); }

  .counter { width: auto; max-width: 90vw; font-size: 1.1em; }

  .nav a { margin: 0 8px; font-size: 1em; }

  #flame_E { display: none; }

  form { padding: 15px; font-size: 1em; }
  input[type="text"], textarea { width: 90%; font-size: 16px; }

  .btn { display: block; width: 80%; margin: 12px auto; box-sizing: border-box; }

  .container { padding: 6px; }
}