.prevod-container {
     border-top: 10px solid var(--brand-color);
     box-shadow: 0 0 7px 0 rgb(0 0 0 / 20%);
     padding: 40px 35px;
     margin-bottom: 40px;
}
 .prevod-hodnoty {
     padding: 20px;
     font-size: 1.6rem;
}
 .prevod-hodnoty input {
     font-size: 1.6rem;
     width: 170px;
     text-align: right;
}
 .celkem-vysledek {
     font-size: 1.6rem;
     padding: 20px;
}
 #kcal-hodnota, #kj-hodnota, .prevod-hodnoty label {
     font-weight: bold;
}
 #kcal-hodnota, #kj-hodnota {
     font-size: 2rem;
}


 @media only screen and (max-width: 768px) {
     .prevod-hodnoty, .prevod-hodnoty input, .celkem-vysledek {
         font-size: 1.2rem;
    }
}