@media screen and (max-width: 1280px) {
     body {
          width: 100% !important;
          max-width: 100vw !important;
          overflow-x: hidden !important;
          box-sizing: border-box !important;
     }
}


@media (max-width: 500px) {

     body {
          width: 100% !important;
          max-width: 100vw !important;
          overflow-x: hidden !important;
          box-sizing: border-box !important;

          margin: 1rem auto;
     }

     .flex {
          flex-direction: column;
          /* Inputy a tlačítka půjdou pod sebe */
     }

     button {
          width: 100%;
          /* Tlačítka budou krásně velká přes celý řádek */
     }

     th,
     td {
          padding: 0.5rem 0.25rem;
          /* Menší vycpávka v tabulce, ať se vejde text */
          font-size: 0.85rem;
     }
}