/* Reset okrajů a vnitřního odsazení pro všechny prvky */
body {
   background-image: url(Fotky/Background2.gif);
   margin: 0;
   padding: 0;
}

h1 {  
   font-family: Futura, "Trebuchet MS", Arial, sans-serif;
   font-style: normal;
   font-variant: normal;
   font-weight: 700;
   line-height: 26.4px;
} 

h3 {
   font-family: Futura, "Trebuchet MS", Arial, sans-serif;
   font-style: normal;
   font-variant: normal;
   font-weight: 500;
   line-height: 15.4px;
}

p {
   font-family: Futura, "Trebuchet MS", Arial, sans-serif;
   font-style: normal;
   font-variant: normal;
   font-weight: 200;
   line-height: 20px;
}

.rozcestnik {
   position: absolute;
   top: 15%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-size: 5em; /* Velikost nadpisu relativní k šířce obrazovky */
   font-weight: bold;
   color: whitesmoke;
   text-shadow: 5px 5px 10px black;
   text-align: center;
}

.cards-container {
   display: flex;
   justify-content: center;
   align-items: center; /* Vertikální centrování */
   gap: 15px;
   height: 100vh; /* Zajistí, že kontejner zabírá celou výšku obrazovky */
}

.card {
   padding: 10px;
   border-radius: 15px;
   text-align: center;
   width: 250px;
   height: 200px;
   text-decoration: none;
   color: whitesmoke;
   font-size: 1.2em;
   transition: 0.3s ease-in;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.card img {
   width: 100%; /* Obrázek se roztáhne na šířku karty */
   object-fit: cover; /* Zachová poměr stran a vyplní prostor */
   border-radius: 10px; /* Zaoblení rohů nahoře */
}

.card:hover {
   background: rgba(255, 255, 255, 0.025);
   transform: scale(1.02);
}

footer {
   position: fixed;
   bottom: 0;
   width: 100%;
   color: whitesmoke;
   text-align: center;
   text-shadow: 5px 5px 10px black;
}

.footer a {
   color: whitesmoke;
   text-decoration: none;
   transition-duration: 0.5s;
   font-size: x-large;
}

.footer a:hover {
   color: #d4af37;
} 

.telefon {
   font-size: x-large;
}

.ig a:hover{
   color: #d62976;
}

.copyright {
   font-size: medium;
}

/* Pro menší displeje (mobilní telefony) */

@media (max-width: 768px) {
   .rozcestnik {
       font-size: 4em; /* Větší text na menších zařízeních */
   }
}

/* Pro velmi malé telefony */

@media (max-width: 480px) {
   .rozcestnik {
       font-size: 3em;
   }
}