/* mobile-style.css */

/* MOBILE - ZAČÁTEK */
.screen{
  display: none;
}

img, iframe, canvas, video, svg {
  display: block;
  max-width: 100%;
  height: auto;
}
/* MOBILE - KONEC */

/* HEADER - ZAČÁTEK */

/* Neviditelný nadpis */
header h1 {
  position: relative;
  text-align: center;
  z-index: -1;
}

header h2 {
  position: relative;
  text-align: center;
  z-index: -1;
}


/* HEADER - KONEC */

/* NAV - ZAČÁTEK */
nav{
  font-size: xx-large;
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translate(-50%);
  z-index: 1;
} 

nav ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  max-width: 899px;
}

nav li{
  float: right;
  background-color: #333;
}

nav li a, .dropbtn{
  display: inline-block;
  color: white;
  text-align: center;
  padding: 7px 0px 7px 0px;
  text-decoration: none;
  min-width: 300px;             
}

nav li a:hover, .dropdown:hover .dropbtn{
  background-color: #e40050;
}

nav li.dropdown{
  display: inline-block;
}

.dropdown-content{      
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 300px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a{
  color: black;
  text-decoration: none;
  display: block;
  text-align: left;

}

.dropdown-content a:hover{background-color: #cccccc;}

.dropdown:hover .dropdown-content{
  display: block;
}

/* Vytvořeno uživatelem Sprose: https://stackoverflow.com/questions/12089679/add-a-simple-down-arrow-image-to-drop-down-menus/12089718 */
nav .dropbtn:after{
    content: '';
    border: 8px solid transparent;
    border-top: 8px solid white;
    margin-left: 4px;
    margin-bottom: 6px;
    display: inline-block;
    vertical-align: bottom;
}
/* NAV - KONEC */

/* MAIN - ZAČÁTEK */
main{
  margin: 0px 0px 20px 0px;
}
/* MAIN - KONEC */