/* Responsive overrides for the text-mode screen */

@media (max-width: 1080px) {
  .page-text-mode .text-mode-main {
    padding: 22px 18px 30px;
  }
}

@media (max-width: 780px) {
  .enigma-viewport {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .enigma-zoom {
    transform: none;
  }
}

@media (max-width: 560px) {
  .page-text-mode .text-mode-main {
    padding: 18px 10px 24px;
  }

  .machine-header h1 {
    font-size: 18pt;
  }
}