@media only screen and (max-width: 599px) {
  div.jenom_desktop {
    display: none;
  }
}
@media only screen and (min-width: 600px) {
div.jenom_mobil {
  display: none;
}
body {
  font-family: "YouTube Noto", Roboto, Arial, Helvetica, sans-serif;
  text-align: center;
  background-image: url("background/02.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: white;
  color: black;
  cursor: default;
}
.body-uvod {
  background-color: black;
}
#menu {
  position: absolute;
  margin: auto; /* centrování */
  text-align: center;
  width: 97vw;
  height: 5vw;
  top: 0;
}
#uvod {
  position: absolute;
  left: 50%; /* zarovnání horizontálně na střed */
  transform: translateX(-50%); /* zarovnání horizontálně na střed */
  display: table; /* zarovnání vertikálně na střed */
  width: 100%;
  height: 80%;
  top: 5vw;
}
#paticka {
  position: absolute;
  bottom: 0vw;
  left: 50%; /* zarovnání horizontálně na střed */
  transform: translateX(-50%); /* zarovnání horizontálně na střed */
  width: 90vw;
}
#vert_stred {
  display: table-cell;
  vertical-align: middle;
}
#info {
  background-color: rgba(255,255,255,0.8); /* poloprůhledné pozadí */
  position: absolute;
  margin: auto; /* horizontální centrování */
  text-align: center;
  width: 90vw;
  left: 5vw;
  top: 10%;
  height: 90%;
  border-radius: 12px 12px 0 0;
}
#info_delsi {
  background-color: rgba(255,255,255,0.8); /* poloprůhledné pozadí */
  position: absolute;
  margin: auto; /* horizontální centrování */
  text-align: center;
  width: 90vw;
  left: 5vw;
  top: 10%;
  height: 93vw;
  border-radius: 12px 12px 0 0;
}
#info_reference {
  background-color: rgba(255,255,255,0.8); /* poloprůhledné pozadí */
  position: absolute;
  margin: auto; /* horizontální centrování */
  text-align: center;
  width: 90vw;
  left: 5vw;
  top: 10%;
  height: 78vw;
  border-radius: 12px 12px 0 0;
}
.odstavec {
  margin: auto;
  width: 70vw;
}
p {
  text-align: justify;
  font-size: 1.2vw;
}
#links {
  position: absolute;
  right: 0vw;
  top: 0vw;
  margin: 0.7vw;
}
.linky {
  width: 2.8vw;
  border-radius: 0.7vw;
  margin: 0 0.3vw;
}
a.menu {
  text-decoration: none;
  color: white;
  margin: 0.5vw;
}
a {
  color: #000080;
}
a:hover {
  opacity: 0.8;
  transition: 0.15s;
}
h1 {
  font-size: 2.5vw;
  font-family: calibri;
}
h2 {
  font-size: 1.75vw;
  padding: 1vw 0 0 0;
  font-family: calibri;
}
h3 {
  font-size: 1.5vw;
}
h4 {
  font-size: 1.18vw;
  margin: 1vw;
}
h5 {
  margin: 1vw 0 1vw 16vw;
  font-size: 1.5vw;
  font-weight: normal;
  text-align: left;
}
iframe {
  margin: 0 1% 0 1%;
}
.btn {
  background-color: #f4511e;
  border: none;
  color: white;
  width: 12vw;
  padding: 0.5vw 0.8vw;
  margin: 0.7vw 0 0 0;
  font-size: 1.5vw;
  cursor: pointer;
  -transition: 0.2s;
  border-radius: 12px;
}
.btn:hover {
  opacity: 0.8;
}
.center {
  margin-left: auto;
  margin-right: auto;
}
.logo {
  max-width: 59vw;
}
.nahled {
  width: 16vw;  
  margin: 1vw;
}
.fotky {
  margin: 1vw 0 0 0;
}
.video {
  width: 59vw;
  height: 30vw;
}
.padding-top {
  padding: 1.5vw 0 0 0;
}
li {
  font-size: 1.5vw;
  text-align: left;
  margin: 0.7vw;
}
ul {
  width: 70%;
  margin: auto;
}
.podpis {
  font-style: italic;
  color: 8a9292;
}



}