stil.css

#vrednost,
#vrednost_dekodiranje {
    font-family: Inconsolata, Consolas, monospace;
    font-weight: bold;
    font-size:   16pt;
    margin:      0 0 1em 0;
}

#bitovi_okvir_1 {
  max-width:       230px;
  display:         flex;
  flex-direction:  row;
  justify-content: flex-start;
  align-items:     stretch;
  flex-wrap:       wrap;
  
}

.bit {
    width:           24px;
    height:          24px;
    border:          solid 1px #aaa;
    font-family:     Inconsolata, Consolas, monospace;
    font-weight:     bold;
    font-size:       16pt;

    display:         flex;
    flex-direction:  column;
    justify-content: center;
    align-items:     center;
    flex-wrap:       wrap;
    margin:          0 2px 2px 0;

    cursor:          pointer;
    background:      #41454a;
    color:           #fff;
}

.bit_specijalni {
    background: #efa;
    color:      #333;
}

#utf8_ispis,
#utf8_ispis_dekodiranje {
    font-family: Open Sans, Arial, sans-serif;
    font-size:   24pt;
}

@media only screen and (min-width: 320px) {
    #bitovi_okvir_1 {
        max-width: 290px;
    }

    .bit {
        width:  32px;
        height: 32px;
    }
}

@media only screen and (min-width: 400px) {
    #bitovi_okvir_1 {
        max-width: 360px;
    }

    .bit {
        width:  40px;
        height: 40px;
    }
}