@media only screen and (max-width: 599px) {
  div.jenom_desktop {
    display: none;
  }
}
@font-face {
  font-family: warmheart;
  src: url('font/warmheart.woff') format('woff');
}
@media only screen and (min-width: 600px) {
  /* For desktop: */
.col-1 {width: 8.33%;} .col-2 {width: 16.66%;} .col-3 {width: 25%;} .col-4 {width: 33.33%;} .col-5 {width: 41.66%;} .col-6 {width: 50%;}
.col-7 {width: 58.33%;} .col-8 {width: 66.66%;} .col-9 {width: 75%;} .col-10 {width: 83.33%;} .col-11 {width: 91.66%;} .col-12 {width: 100%;}

.row-1 {height: 5%;} .row-2 {height: 10%;} .row-3 {height: 15%;} .row-4 {height: 20%;} .row-5 {height: 25%;}
.row-6 {height: 30%;} .row-7 {height: 35%;} .row-8 {height: 40%;} .row-9 {height: 45%;} .row-10 {height: 50%;}
.row-11 {height: 55%;} .row-12 {height: 60%;} .row-13 {height: 65%;} .row-14 {height: 70%;} .row-15 {height: 75%;}
.row-16 {height: 80%;} .row-17 {height: 85%;} .row-18 {height: 90%;} .row-19 {height: 95%;} .row-20 {height: 100%;}

.desktop_doprava {text-align: right;} .desktop_doleva {text-align:left} .desktop_doprostred {text-align:center;} .desktop_dobloku {text-align: justify;}

body {
/* původně to bylo 1.45 */
  font-size: 1.3vw;
}
.logo {
  max-width: 50vw;
}
.logo_menu {
  width: 17vw;
  margin: 0 0 0.5vw 0;
}
.knoflik {
  max-height: 7.5vw;
}
.paticka {
  padding: 0 2vw 0 2vw;
  font-size: 1.5vw;
}
.menu_paticka {
  position: absolute;
  bottom: 2.5vw;
  left: 1vw;
  font-size: 1.2vw;
}
div.jenom_mobil {
  display: none;
}
.knoflik {
  height: 7vw;
  margin: 1vw;
}
.knoflik_menu {
  height: 2.7vw;
  margin: 0.4vw 1vw;
}
.btn {
  font-size: 2.5vw;;
}
.fcb {
  position: absolute;
  right: 0vw;
  top: 0vw;
  margin: 1.5vw;
}
.fcb_ico {
  width: 3vw;  
  margin: 0 0.3vw 1vw 0vw;
}
.fcb_ico_uvod {
  height: 4vw;
  margin: 0 0 0 0.3vw;
}
p.uvod {
  text-align: center;
  margin: 1vw;
}
.info {
  width: 100%;
  margin-top: 1vw;
  margin-bottom: 1vw;
}
.menu_desktop {
  position: fixed;
  width: 20vw;
  height: 100%;
  text-align: left;
}
.main {
  margin-left: 20vw;
  padding: 0 1vw 0 0;
  text-align: left;
  width: 77vw;
}
.menu_link {
  font-family: warmheart;
  font-size: 2.5vw;
  text-decoration: none;
  color: black;
}
.menu_sublink {
  color: black;
  text-decoration: none;
  margin: 0 0 0 7vw;
}
h1 {
  text-align: left;
  font-size: 3vw;
  margin: 0 0 0 3vw;
}
h2 {
  font-size: 1.7vw;
  text-align: left;
}
.tabulka {
  margin: 0 0 2vw 1vw;
  font-size: 1.05vw;
}
.tabulka th {
  width: 30vw;
}
.tabulka td {
  width: 6vw;
}
.container {
  text-align: center;
}
.card {
  width: 20vw;
  height: 30vw;
  border-radius: 3vw;  
}
.card td {
  vertical-align: middle;
  font-size: 1.2vw;
}
.card_thumb {
  border-radius: 3vw 3vw 0 0;
}
.card_strihy {
  width: 24vw;
  height: 11.5vw;
  border-radius: 3vw;
  padding: 0;    
}
.card_strihy td {
  vertical-align: middle;
}
.card_strihy table {
  padding: 1vw 0 1vw 0;
}
.card_strihy table:hover {
  color: #e60073;
}
.card_strihy img {
  border-radius: 3vw;
}
.vyber_latek {
  margin: 0.3vw 0 0 0;
  text-align: left;
}
.vyber_latek a {
  font-size: 2vw;
  margin: 0 3vw 0 3vw;
}
.vyber_strihu {
  margin: 0.6vw 0 0 0;
  text-align: left;
}
.vyber_strihu a {
  font-size: 1.5vw;
  margin: 0 1vw 0 1vw;
}
.galerie {
  text-align: left;
}
.galerie img {
  width: 12vw;
}
.recenze {
  margin: 3vw 0 0 0;
}
.emoji {
  width: 1.3vw;
}
.hanka_ema {
  width: 50vw;
}
.onas_podpis {
  width: 30vw;
  margin: 1vw 0 0 0;
}



}