table {
      font-family: 'Arial', sans-serif;
      width: 100%;
      border-collapse: collapse;
      margin-top: 10px;
      table-layout: auto;
    }

    th, td {
      padding: 10px;
      width: auto; /* Prilagođavanje širine kolona prema tekstu */
      font-size: 18px; /* Osnovna veličina fonta */
      border-top: 1px solid #ddd;
                  
    }

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

    tr:nth-child(even) {
      background-color: #EBF4FA; /* 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 veličinu fonta za male ekrane */
        
      }
    }