@media only screen and (max-width: 599px) {

body {
  font-family: "YouTube Noto", Roboto, Arial, Helvetica, sans-serif;
  text-align: center;
  background-image: url("background/mob.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top;
  background-size: 140%;
  background-color: black;
  color: #ffffe6;
  cursor: default;
}
.logo-mob {
  width: 95%;
}
h1 {
  font-size: 7vw;
  font-family: calibri;
  padding: 9vw 0 3vw 0;
  color: #ffffb3;
}
h2 {
  font-size: 4vw;
}
h3 {
  font-size: 4vw;
}
h4 {
  font-size: 3vw;
  padding: 0 3vw;
  text-align: left;
}
#info {
  background-color: rgba(15,0,0,0.65); /* poloprůhledné pozadí */
}
ul {
  margin: 5vw 0 0 2vw;
  text-align: left;
}
li {
  margin: 2vw 2vw 2vw 0;
  font-size: 3.5vw;
}
a {
  color: #ffff4d;
}
.nadpis {
  font-size: 6vw;
  padding: 3vw 0 0 0;
}
.nahled {
  width: 30vw;
}
p {
font-size: 3.5vw;
}
.kontakt {
  text-align: justify;
  padding: 0 3vw 0 3vw;
}
.vid {
  width: 90vw;
  height: 46vw;
}
.linky {
  width: 8vw;
  margin: 3vw 1vw 0 1vw;
  border-radius: 1.6vw;
}
.podpis {
  font-style: italic;
  color: dce4e4;
}



}