.cennik-karta { font-family: 'Montserrat', sans-serif; background: #f6f6f6; } .cennik-karta__hlavicka, .cennik-karta__zoznam li { display: flex; align-items: center; } .cennik-karta__hlavicka { display: flex; align-items: stretch; border-bottom: 4px solid #000; } .cennik-karta__hlavicka .nazov { flex: 1; font-weight: 700; font-size: 20px; padding: 20px 24px; display: flex; align-items: center; } .cennik-karta__hlavicka .cena, .cennik-karta__zoznam li .cena { background: #d1a660; color: #fff; font-size: 18px; text-align: center; padding: 10px 16px; width: 140px; flex-shrink: 0; white-space: nowrap; box-sizing: border-box;  display: flex; align-items: center; justify-content: center; } .cennik-karta__hlavicka .cena { font-weight: 700; font-size: 20px; } .cennik-karta__zoznam { list-style: none; margin: 0; padding: 0; } .cennik-karta__zoznam li { display: flex; align-items: stretch; } .cennik-karta__zoznam li .nazov { flex: 1; font-weight: 600; font-size: 18px; color: #000; padding: 1px 24px; display: flex; align-items: center; } .cennik-karta__zoznam li .cena { background: #d1a660; color: #fff; font-weight: 500; font-size: 18px; text-align: center; padding: 1px 16px; width: 140px; flex-shrink: 0; box-sizing: border-box;  display: flex; align-items: center; justify-content: center; } .cennik-karta__suma { display: flex; align-items: stretch; } .cennik-karta__suma .nazov { flex: 1; font-weight: 600; font-size: 18px; color: #000; padding: 10px 24px; display: flex; align-items: center; } .cennik-karta__suma .cena { background: #d1a660; color: #fff; font-size: 18px; font-weight: 700; text-align: center; padding: 10px 16px; width: 140px; flex-shrink: 0; white-space: nowrap; box-sizing: border-box;  display: flex; align-items: center; justify-content: center; }  @media (max-width: 575px) { .cennik-karta__hlavicka .nazov, .cennik-karta__hlavicka .cena, .cennik-karta__zoznam li .nazov, .cennik-karta__zoznam li .cena, .cennik-karta__suma .nazov, .cennik-karta__suma .cena { font-size: 11px; } .cennik-karta__hlavicka .cena, .cennik-karta__zoznam li .cena,  .cennik-karta__suma .cena { width: 70px; padding: 8px 4px; } .cennik-karta__hlavicka .nazov, .cennik-karta__zoznam li .nazov, .cennik-karta__suma .nazov { padding: 8px 12px; } }  @media (min-width: 576px) and (max-width: 767px) { .cennik-karta__hlavicka .nazov, .cennik-karta__hlavicka .cena { font-size: 16px; } .cennik-karta__zoznam li .nazov, .cennik-karta__zoznam li .cena, .cennik-karta__suma .nazov, .cennik-karta__suma .cena { font-size: 14px; } .cennik-karta__hlavicka .cena, .cennik-karta__zoznam li .cena,  .cennik-karta__suma .cena { width: 100px; padding: 10px 8px; } }