table {
      font-family: 'Arial', sans-serif;
      width: 100%;
      border-collapse: collapse;
      margin-top: 10px;
      table-layout: auto; /* Prilagodljiva sirina kolone prema tekstu */
    }

    th, td {
      padding: 10px;
      width: auto; /* Prilagodavanje širine kolona prema tekstu */
      font-size: 19px; /* Osnovna velicina fonta */
      border-top: 1px solid #ddd;
    }

    th {
      background-color: #566D7E; /* Tamnija nijansa plave za zaglavlje */
      color: #fff; /* Beli tekst za bolju vidljivost */
      text-align: left;
    }

    tr:nth-child(even) {
      background-color: #C9C0BB; /* Svetlija nijansa plave za paran red */
    }

    @media only screen and (max-width: 480px) {
       table {
                display: block;
                overflow-x: auto;
            }
      th, td {
        width: 100%; /* Punjenje širine ekrana za male ekrane */
        font-size: 14px; /* Smanji velicinu fonta za male ekrane */
        
      }
    }