/* Revision 4 follows the supplied mockup: compact small caps and taller edge letters. */
.game-info h3.slot-title {
  margin: 0 auto 10px;
  width: 78%;
  max-width: 240px;
  font-size: inherit;
  line-height: 0;
  text-shadow: none;
}
.slot-wordmark {
  display: block;
  width: 100%;
  padding-top: 49.0234375%;
  background: url('/assets/slot-wordmarks-v4.png') no-repeat;
  background-size: 300% 100%;
  filter: drop-shadow(0 3px 4px #02081799);
}
.wordmark-fortune { background-position: 0% 50%; }
.wordmark-egypt { background-position: 50% 50%; }
.wordmark-clover { background-position: 100% 50%; }
.modal h2.slot-title { max-width: 240px; margin: -6px auto 12px; padding: 0 10px; }
.title-fallback { font: bold 36px/1.05 Georgia, serif; color: #ffd331; text-transform: uppercase; text-shadow: 0 2px #8a4300, 0 4px 3px #020817; }
.title-fallback span { display: block; }
@media(max-width:700px) {
  .game-card { height: auto; min-height: 180px; }
  .game-info { padding-top: 12px; padding-bottom: 12px; }
  .game-info h3.slot-title { width: 100%; max-width: 160px; margin-bottom: 8px; }
  .modal h2.slot-title { max-width: 210px; }
  .slot-wordmark { filter: drop-shadow(0 2px 3px #02081799); }
  .title-fallback { font-size: 24px; }
}