@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,600;0,700;1,400&family=Montserrat:wght@400;500;600&display=swap');

:root {
  --font-heading: 'Cormorant Garamond', serif;
  --font-body: 'Montserrat', sans-serif;
  
  /* Cukrářská barevná paleta */
  --bg-white: #ffffff;
  --bg-pink-light: #fff0f5;   /* Pudrově růžová */
  --bg-pink-medium: #fdf2f4;  /* Jahodově krémová */
  --bg-pink-accent: #fce4ec;  /* Pastelová růžová */
  --text-dark: #4a2e2b;       /* Čokoládově hnědá pro čitelnost na světlém */
  --pink-main: #e88ca5;       /* Sytější růžová na detaily */
  --pink-hover: #d26882;
}

*{
  margin:0;
  padding:0;
  box-sizing: border-box;
}
html{
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-body);
  color: var(--text-dark);
  background-color: var(--bg-white);
}

a{
  text-decoration: none;
  font-family: var(--font-body);
}
h1,h2,h3,h4,h5,h6{
  text-align: center;
  font-family: var(--font-heading);
  color: var(--text-dark);
}
p{
  text-align: center;
  font-family: var(--font-body);
  color: var(--text-dark);
}
li{
  list-style: none;
}
.nadpis{
  font-size: 40px;
  font-family: var(--font-heading);
  color: var(--text-dark)
}
.nadpis-cara{
  width:100%;
  max-width: 120px;
  background-color: var(--pink-main);
  height:5px;
  margin-bottom: 20px;
}

#background{
  width:100%;
  height:100vh;
  position: relative;
  animation: objeveni 3s ease;
}
#background {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: #000; /* Černé pozadí pod obrázky pro jistotu */
  
}

/* Společný základ pro všechny tři vrstvy pozadí */
.bg-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
  opacity: 0;
  animation: kenBurnsFade 24s infinite;
}

/* Přiřazení konkrétních obrázků s jemným světlým overlayem místo černého */
.bg-slide:nth-child(1) {
  background-image:linear-gradient(rgba(0,0,0,0.65),rgba(0,0,0,0.4)), url(obrazek11.jpg);/*obrazek11, obrazek2*/
  animation-delay: 0s;
}

.bg-slide:nth-child(2) {
  background-image:linear-gradient(rgba(0,0,0,0.65),rgba(0,0,0,0.4)), url(obrazek5.jpg);
  animation-delay: 8s;
}

.bg-slide:nth-child(3) {
  background-image:linear-gradient(rgba(0,0,0,0.65),rgba(0,0,0,0.4)), url(obrazek2.jpg);
  animation-delay: 16s;
}

@keyframes kenBurnsFade {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  8% {
    opacity: 1;
  }
  33.3% {
    opacity: 1;
  }
  41.3% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}

.topbar, header, #domu {
  position: relative;
  z-index: 10;
}

/*TOPBAR*/

.topbar{
  width:100%;
  height:50px;
  border-bottom:1px solid #f3cbde;
  
}
.topbar-container{
  width:100%;
  max-width: 1600px;
  margin:0 auto;
  display:flex;
  justify-content: center;
  align-items: center;
  gap:40px;
  height:100%;
}
.topbar-radek{
  display:flex;
  align-items: center;
  gap:10px;
}
.topbar i{
  color: var(--pink-main);
}

.topbar-text, address{
  font-size: 16px;
  color: white;
  font-family: var(--font-body);
}

.topbar-text{
  color: white;
  cursor: pointer;
  transition: all 350ms ease;
}
.topbar-text:hover{
  cursor: pointer;
  color: var(--pink-hover);
}

.fa-instagram{
  font-size: 30px;
  color: var(--pink-main);
  transition: all 350ms ease;
}
.fa-instagram:hover{
  transform: scale(1.1);
  color: var(--pink-hover);
}

/*HEADER*/

header{
  width:100%;
  animation: objeveni 3s ease;
  
}
nav{
  width:100%;
  max-width: 1300px;
  margin:0 auto;
  display:flex;
  justify-content: space-between;
  align-items: center;
  height:150px;
  position: relative;
}
.header-logo-figure{
  width:100%;
  max-width: 180px;
}
.header-logo-image{
  width:100%;
}
.nav-link-list{
  display:flex;
}
.nav-link-list-li{
  margin-left: 20px;
}
.nav-link{
  font-size: 22px;
  color: white;
  position: relative;
  cursor: pointer;
  font-family: var(--font-body);
  transition: all 350ms ease;
}
.nav-link:hover{
  cursor: pointer;
  color: var(--pink-hover);
}
.nav-link::after{
  content:"";
  position: absolute;
  width:0;
  height:3px;
  bottom:-3px;
  right:0;
  background-color: var(--pink-main);
  transition: all 350ms ease;
}

.nav-link:hover::after{
  left:0;
  width:100%;
}

/*SEKCE DOMŮ*/

#domu{
  width:100%;
  min-height: 700px;
  display:flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}
.domu-container{
  width:100%;
  max-width: 700px;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin:0 auto;
}
.domu-span{
  font-style: italic;
  font-size: 32px;
  color: pink;
  font-family: var(--font-heading);
}
h1{
  font-size: 90px;
  color:white;
  font-family: var(--font-heading);
  margin: 10px 0;
}
.domu-para{
  line-height: 1.5;
  font-size: 26px;
  margin-bottom: 20px;
  color: white;
  font-family: var(--font-body);
}

.domu-button{
  border: 2px solid var(--pink-main);
  background-color: var(--bg-white);
  padding: 15px 25px;
  font-size: 22px;
  text-transform: uppercase;
  color: var(--pink-hover);
  border-radius: 10px;
  font-weight: bold;
  transition: all 350ms ease;
  font-family: var(--font-body);
}
.domu-button:hover{
  cursor: pointer;
  color: var(--bg-white);
  background-color: var(--pink-main);
}
.buttons{
  margin-top: 20px;
  display:flex;
  align-items: center;
  gap:10px;
}

@keyframes objeveni{
  0%{
      opacity: 0;
  }
  100%{
      opacity: 1;
  }
}

@keyframes skok {
  0%{
      opacity: 0;
      transform: translateY(30px);
  }
  100%{
      opacity: 1;
      transform: translateY(0);
  }
}

h1,.domu-span,.domu-para,.domu-button{
  opacity: 0;
  animation: skok 1s forwards ease;
}

.domu-span{
  animation-delay: 500ms;
}

h1{
  animation-delay: 1000ms;
}

.domu-para{
  animation-delay: 1500ms;
}

.domu-button{
  animation-delay: 2s;
}

/*SEKCE ONAS - BÍLÁ SEKCE */

#onas{
  width:100%;
  min-height: 750px;
  display:flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--bg-white);
  padding: 60px 0;
}

.onas-container{
  width:100%;
  max-width: 1400px;
  margin:0 auto;
  display:flex;
  justify-content: center;
  gap:40px;
  align-items: center;
}

.onas-figure{
  width:100%;
  max-width: 600px;
  overflow: hidden;
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  box-shadow: 0 20px 40px rgba(232, 140, 165, 0.2);
  transition: all 0.5s ease-in-out;
}
.onas-figure:hover{
  border-radius: 50%;
}
.onas-image{
  width:100%;
  transition: all 400ms ease;
}
.onas-image:hover{
  transform: scale(1.1);
  cursor: pointer;
}

.onas-h3{
  font-size: 30px;
  text-align: left;
  margin-bottom: 20px;
  font-style: italic;
  font-family: var(--font-heading);
  color: var(--text-dark);
}
.onas-para{
  text-align: left;
  font-size: 20px;
  line-height: 1.7;
  margin-bottom: 20px;
  font-family: var(--font-body);
  color: var(--text-dark);
}
.onas-text{
  width:100%;
  max-width: 600px;
}

/*SEKCE MENU - PUDROVĚ RŮŽOVÁ SEKCE */

#menu{
  width:100%;
  min-height: 1200px;
  display:flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--bg-pink-light);
  padding: 60px 0;
}

.menu-container{
  width:100%;
  max-width: 1400px;
  margin:0 auto;
  display:flex;
  justify-content: center;
  align-items: center;
  gap:40px;
  flex-wrap: wrap;
}

.menu-blok{
  width:100%;
  max-width: 400px;
  height:650px;
  box-shadow: 0 10px 25px rgba(232, 140, 165, 0.15);
  border-radius: 20px;
  overflow: hidden;
  transition: all 400ms ease;
  position: relative;
  display:flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--bg-white);
}

.menu-blok:hover{
  transform: translateY(-10px);
}
.menu-blok:hover::before{
  transform: translateY(0);
}
.menu-figure{
  width:100%;
  max-width: 450px;
  height:480px;
  overflow: hidden;
}
.menu-image:hover{
  transform: scale(1.1);
  cursor: pointer;
}
.menu-image{
  width:100%;
  height:100%;
  transition: all 400ms ease;
  
}

.menu-text{
  width:100%;
  max-width: 350px;
  display:flex;
  justify-content: center;
  flex-direction: column;
  margin:0 auto;
  margin-top: 20px;
}

.menu-h3{
  font-size: 30px;
  text-align: center;
  font-family: var(--font-heading);
  color: var(--text-dark);
}
.menu-para{
  line-height: 1.4;
  font-size: 20px;
  text-align: center;
  font-family: var(--font-body);
  color: var(--text-dark);
}

/*HODNOCENÍ - BÍLÁ SEKCE */

#hodnoceni{
  width:100%;
  min-height: 700px;
  display:flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--bg-white);
  padding-top: 60px;
  padding-bottom: 80px;
}
#hodnoceni .nadpis {
  color: var(--text-dark);
}
.dorty-span {
  font-family: var(--font-body);
  font-size: 18px;
  color: var(--text-dark);
}
.hodnoceni-container{
  width:100%;
  max-width: 1300px;
  margin:0 auto;
  margin-top: 60px;
}

/*swiper*/

.swiper {
  width:100%;
  max-width: 1200px;
  height: 400px;
  position: relative;
  padding-bottom: 50px;
}
.swiper-slide {
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-pagination {
  position: relative !important;
  margin-top: 50px !important;
  text-align: center;
  color: var(--pink-main);
}
.swiper-pagination-bullet{
  background-color: var(--pink-main) !important;
}

.hodnoceni-blok{
  width:100%;
  max-width: 450px;
  min-height:400px;
  border: 3px solid var(--pink-main);
  background-color: var(--bg-pink-light);
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap:20px;
  transition: all 350ms ease;
  border-radius: 15px;
  box-shadow: 0 15px 30px rgba(232, 140, 165, 0.15);
  margin:0 auto;
  cursor: pointer;
}

.hodnoceni-blok:hover{
  transform: scale(0.95);
}
.hodnoceni-figure{
  width:100%;
  max-width: 80px;
  border-radius: 50%;
  display:flex;
  justify-content: center;
  align-items: center;
  height:80px;
  font-size: 40px;
  background-color: var(--pink-main);
  color: var(--bg-white);
  font-family: var(--font-heading);
}

.hodnoceni-text{
  width:100%;
}
.stars{
  color: #FFD700;
}
.hodnoceni-h3{
  font-size: 28px;
  margin-bottom: 10px;
  color: var(--text-dark);
  font-family: var(--font-heading);
}
.hodnoceni-para{
  font-size: 16px;
  color: var(--text-dark);
  line-height: 1.5;
  height:70px;
  max-width: 100%;
  text-align: center;
  font-family: var(--font-body);
}
.hodnoceni-button{
  width:300px;
  background-color: var(--pink-main);
  padding: 15px 30px;
  border-radius: 20px;
  font-size: 22px;
  font-weight: bold;
  margin:0 auto;
  display:flex;
  justify-content: center;
  align-items: center;
  color: var(--bg-white);
  transition: all 350ms ease;
  font-family: var(--font-body);
}
.hodnoceni-button:hover{
  background-color: var(--pink-hover);
  color: var(--bg-white);
  border: 3px solid var(--pink-main);
}

/*GALERIE - JAHODOVĚ KRÉMOVÁ SEKCE */
.imagezakusek{
  object-fit: cover;
}
#galerie{
  width:100%;
  min-height: 1200px;
  display:flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--bg-pink-medium);
  padding-top: 60px;
  padding-bottom: 60px;
}
#galerie .nadpis {
  color: var(--text-dark);
}
.galerie-container{
  width:100%;
  max-width: 1700px;
  margin:0 auto;
  display:flex;
  justify-content: center;
  align-items: center;
  gap:20px;
  flex-wrap: wrap;
  margin-top: 50px;
}
.galerie-figure{
  width:100%;
  max-width: 400px;
  height:400px;
  overflow: hidden;
  border-radius: 10px;
}
.galerie-image{
  width:100%;
  height:100%;
  object-fit: cover;
  transition: all 400ms ease;
  border-radius: 10px;
}

.galerie-image:hover{
  transform: scale(0.8) rotate(-15deg);
  cursor: pointer;
  filter:brightness(1.1);
}

/*BANNER - PASTELOVÁ RŮŽOVÁ SEKCE */

#banner{
  background-color: var(--bg-pink-accent);
  width:100%;
  overflow: hidden;
  display:flex;
  min-height: 300px;
}
.banner-container{
  display:flex;
  animation:scrollInfinite 25s linear infinite;
}
.banner-image{
  width:300px;
  height:300px;
  flex-shrink: 0;
  object-fit: cover;
}

.fullImgBox{
  width:100%;
  height:100vh;
  background-color: rgba(255, 240, 245, 0.95);
  position: fixed;
  top:0;
  left:0;
  display:flex;
  justify-content: center;
  align-items: center;
  display:none;
  z-index: 100;
}
.fullImgBox img{
  width:90%;
  max-width: 500px;
  height:700px;
  border-radius: 20px;
  object-fit: cover;
  transition: all 350ms ease;
  border: 4px solid var(--pink-main);
}

.fullImgBox img:hover{
  transform: scale(1.1);
  cursor: zoom-in;
}

.fullImgBox span{
  position: absolute;
  top:5%;
  right:5%;
  font-size: 30px;
  color: var(--text-dark);
  cursor: pointer;
  font-family: var(--font-body);
}

@keyframes scrollInfinite{
  0%{
      transform: translateX(0);
  }
  100%{
      transform: translateX(-50%);
  }
}

/*KONTAKTY - BÍLÁ SEKCE */

#kontakty{
  width:100%;
  min-height: 1680px;
  display:flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--bg-white);
  padding-bottom: 60px;
  padding-top: 60px;
}
#kontakty .nadpis {
  color: var(--text-dark);
}
.kontakty-container{
  width:100%;
  max-width: 1500px;
  margin:0 auto;
  margin-top: 50px;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
iframe{
  width:100%;
  max-width: 1200px;
  height:500px;
  margin-bottom: 40px;
  border-radius: 20px;
  border: 2px solid var(--bg-pink-accent);
}

.kontakty-bloky{
  width:100%;
  display:flex;
  justify-content: center;
  align-items: center;
  gap:20px;
  margin-top: 50px;
  flex-wrap: wrap;
  padding-bottom: 40px;
}
.kontakty-blok{
  width:100%;
  max-width: 350px;
  height:320px;
  box-shadow: 0 15px 30px rgba(232, 140, 165, 0.15);
  display:flex;
  justify-content: center;
  align-items: center;
  transition: all 400ms ease;
  border-radius: 20px;
  background-color: var(--bg-pink-light); /* Růžový podklad pro kontaktní karty */
}
.kontakty-blok:hover{
  transform: scale(0.95);
  border: 3px solid var(--pink-main);
  cursor: pointer;
}
.kontakty-text{
  width:100%;
  display:flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap:20px;
  height:200px;
}
.kontakty-text i{
  font-size: 30px;
  color: var(--pink-main);
}
.kontakty-h3{
  font-size: 30px;
  color: var(--text-dark);
  font-family: var(--font-heading);
}
.kontakty-para{
  font-size: 20px;
  line-height: 1.5;
  color: var(--text-dark);
  font-family: var(--font-body);
}
.site{
  display:flex;
  gap:5px;
}
.linkos{
  color: var(--bg-white);
  background-color: var(--pink-main);
  padding:15px 20px;
  border-radius: 50%;
  display:flex;
  justify-content: center;
  align-items: center;
}
.linkos3{
  color: var(--text-dark);
  background-color: var(--bg-pink-accent);
  padding:15px 20px;
  border-radius: 50%;
  display:flex;
  justify-content: center;
  align-items: center;
}
.linkos1{
  background-color: #8bb2f0; /* Jemnější modrá hodící se k pastelovým barvám */
  color: var(--bg-white);
}

.doba{
  width:100%;
  max-width: 400px;
  height:420px;
  box-shadow: 0 15px 30px rgba(232, 140, 165, 0.15);
  margin-top: 20px;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  transition: all 400ms ease;
  background-color: var(--bg-pink-light); /* Světle růžový podklad pro otevírací dobu */
}
.doba:hover{
  transform: scale(0.95);
  border: 3px solid var(--pink-main);
}

.casy{
  width:100%;
  max-width: 300px;
  display:flex;
  flex-direction: column;
  gap:20px;
  margin:0 auto;
}
.radek{
  width:100%;
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.span-cas{
  font-size: 25px;
  color: var(--text-dark);
  font-family: var(--font-body);
}
.span-den{
  font-size: 25px;
  font-weight: bold;
  color: var(--text-dark);
  font-family: var(--font-body);
}

#status-otevreno {
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
  padding: 8px 15px;
  background: rgba(232, 140, 165, 0.2);
  border: 1px solid var(--pink-main);
  color: var(--pink-hover);
  border-radius: 8px;
  width: fit-content;
  justify-content: center;
  margin:20px auto;
}

/*FOOTER - PUDROVĚ RŮŽOVÁ SEKCE */

footer{
  width:100%;
  min-height: 380px;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--bg-pink-light);
  padding-top: 40px;
}
.footer-container{
  width:100%;
  max-width: 1600px;
  margin:0 auto;
  display:flex;
  justify-content: center;
  align-items: center;
  gap:20px;
}
.me{
  width:100%;
  height:40px;
  border-top: 1px solid var(--bg-pink-accent);
  display:flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin:0 auto;
  color: var(--text-dark);
}
.footer-blok{
  width:100%;
  max-width: 500px;
  height: 300px;
}
.insta-footer{
  color: var(--text-dark);
}

.footer-figure{
  width:100%;
  max-width: 250px;
}
.footer-image{
  width:100%;
}

.footer-para{
  font-size: 16px;
  line-height: 1.6;
  margin-top: 20px;
  font-family: var(--font-body);
  color: var(--text-dark);
}

.footer-blok2{
  width:100%;
  max-width: 300px;
  height:300px;
}
.footer-h3{
  font-size: 30px;
  text-align: left;
  margin-bottom: 15px;
  font-family: var(--font-heading);
  color: var(--text-dark);
}
.odkazy{
  display:flex;
  gap:10px;
  flex-direction: column;
}
.odkaz{
  font-size: 20px;
  color: var(--text-dark);
  position: relative;
  width:100%;
  max-width: 180px;
  font-family: var(--font-body);
}
.footer-blok-kontakty{
  width:100%;
  max-width: 500px;
  height:300px;
}
.footer-radek{
  display:flex;
  align-items: center;
  gap:10px;
  margin-bottom: 10px;
}

.odkaz::after{
  content:"";
  position: absolute;
  width:0;
  background-color: var(--pink-main);
  height:3px;
  bottom:-3px;
  right:0;
  transition: all 350ms ease;
}
.odkaz:hover::after{
  left:0;
  width:100%;
}

.footer-radek i{
  font-size: 25px;
  color: var(--pink-main);
}
.footer-text{
  font-size: 16px;
  font-family: var(--font-body);
  color: var(--text-dark);
}

.display{
  display:flex;
}
.nahoru:hover{
  background-color: var(--pink-hover);
  color: var(--bg-white);
  cursor: pointer;
}
.animation{
  animation:skok 4s ease;
}

.black{
  color: var(--text-dark);
}

.hamburgerInput{
  width:40px;
  height:40px;
  border:none;
  position: absolute;
  right:20px;
  top:50px;
  background-color: transparent;
  font-size: 40px;
  color: black;
  opacity: 0;
  cursor: pointer;
}

.hamburgerMenu{
  position: fixed;
  top:0;
  z-index: 50;
  width:100%;
  height:100vh;
  background-color: var(--bg-pink-light);
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  transform: translateY(-1000px);
  transition: all 600ms ease;
  gap:30px;
}
.active{
  transform: translateY(0);
  transition: all 600ms ease;
}
.zruseni{
  width:40px;
  height:40px;
  border:none;
  position: absolute;
  right:20px;
  top:40px;
  background-color: transparent;
  font-size: 40px;
  color: var(--text-dark);
  cursor: pointer;
}
.hamburger-link{
  font-size: 26px;
  color: var(--text-dark);
  display:flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  position: relative;
}
.hamburger-link::after{
  content:"";
  position: absolute;
  width:0;
  height:3px;
  bottom:-3px;
  right:0;
  background-color: var(--pink-main);
  transition: all 350ms ease;
}
.hamburger-link:hover::after{
  width:100%;
  left:0;
}

.scroll{
  height:140px;
  position: fixed;
  top:0;
  background-color: rgba(255, 255, 255, 0.95);
  border-bottom: 2px solid var(--pink-main);
  transition: all 400ms ease;
  z-index: 30;
}

.black-color{
  color: var(--text-dark) !important;
  transition: all 400ms ease;
}

.scroll .nav-link:hover {
  color: var(--pink-hover) !important;
}

.nahoru{
  font-size: 25px;
  background-color: var(--accent-green);
  border-radius: 50%;
  height:40px;
  width:40px;
  color: black;
  position: fixed;
  display:flex;
  justify-content: center;
  align-items: center;
  bottom:30px;
  right:20px;
  scroll-behavior: smooth;
  transition: all 350ms ease;
  display:none;
  z-index: 99;
  background-color: pink;
  transition: all 400ms ease;
}
.nahoru.display {
  display: flex !important;
}
.nahoru:hover{
  transform: translateY(-10px);
  color: black;
  cursor: pointer;
}

/*INFORMACE - OBJEDNAVKY*/
.informace{
  min-height: 300px;
  width:100%;
  max-width: 1600px;
}
.informace-list{
  display:flex;
  flex-direction: column;
  gap:20px;
  margin-bottom: 30px;
  margin-top: 30px;
}
.informace-li{
  color: var(--text-dark);
  list-style-type:circle;
  font-size: 18px;
  line-height: 1.5;
}
.informace-nadpis{
  color: var(--text-dark);
  text-align: left;
  font-size: 30px;
  margin-bottom: 10px;
}
.informace-para{
  color: var(--text-dark);
  text-align: left;
  font-size: 18px;
  line-height: 1.5;
}
@media(max-width:800px){
  .informace{
    width:100%;
    max-width: 400px;
  }
  .hamburgerInput{
    opacity: 1;
  }
  .nav-link-list{
    display:none;
  }
  .topbar{
    display:none;
  }
  .onas-container{
    flex-direction: column;
  }
  .onas-text{
    display:flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .onas-para{
    text-align: center;
  }
  #menu{
    padding-bottom: 50px;
  }
  iframe{
    max-width: 600px;
    height:400px;
  }
  .footer-container{
    flex-direction: column;
  }
  .footer-blok{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .footer-para{
    text-align: center;
  }
  .footer-blok2{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .odkazy{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .odkaz{
    display:flex;
    justify-content: center;
    align-items: center;
  }
  .footer-blok-kontakty{
    display:flex;
    flex-direction: column;
    align-items: center;
  }
  .dorty-span{
    text-align: center;
  }
}

@media(max-width:480px){
  .informace{
    max-width: 300px;
  }
  
  .informace-li{
    font-size: 16px;
  }
  .informace-para{
    font-size: 16px;
  }
  #domu{
    min-height: 600px;
  }

  .header-logo-figure{
    max-width: 150px;
  }
  .domu-span{
    font-size: 22px;
  }
  h1{
    font-size: 50px;
  }
  .domu-para{
    font-size: 18px;
    max-width: 350px;
  }
  .domu-button{
    padding: 10px 15px;
    font-size: 16px;
  }
  .onas-para{
    font-size: 16px;
    max-width: 380px;
    line-height: 2;
  }
  .onas-figure{
    max-width: 380px;
  }
  .menu-blok{
    max-width: 350px;
    height:450px;
  }
  .menu-para{
    font-size: 16px;
  }
  .menu-text{
    padding-bottom: 20px;
  }
  .hodnoceni-blok{
    max-width: 350px;
    height:300px;
  }
  iframe{
    max-width: 350px;
  }
  .span-cas{
    font-size: 18px;
  }
  .span-cas{
    font-size: 18px;
  }
  .footer-text{
    font-size: 15px;
    text-align: center;
    max-width: 150px;
  }
  .footer-radek{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  footer{
    min-height: 1500px;
  }
  .footer-container{
    min-height: 1650px;
  }
  .nahoru{
    opacity: 0;
  }
  .footer-para{
    max-width: 350px;
  }
  .doba{
    max-width: 350px;
  }
  .galerie-figure{
    max-width: 350px;
    height:370px;
  }
}