/* handjet-100 - latin_latin-ext */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Handjet';

  font-style: normal;

  font-weight: 100;

  src: url('fonts/handjet-v21-latin_latin-ext-100.eot'); /* IE9 Compat Modes */

  src: url('fonts/handjet-v21-latin_latin-ext-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('fonts/handjet-v21-latin_latin-ext-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

       url('fonts/handjet-v21-latin_latin-ext-100.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */

       url('fonts/handjet-v21-latin_latin-ext-100.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */

       url('fonts/handjet-v21-latin_latin-ext-100.svg#Handjet') format('svg'); /* Legacy iOS */

}

/* handjet-200 - latin_latin-ext */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Handjet';

  font-style: normal;

  font-weight: 200;

  src: url('fonts/handjet-v21-latin_latin-ext-200.eot'); /* IE9 Compat Modes */

  src: url('fonts/handjet-v21-latin_latin-ext-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('fonts/handjet-v21-latin_latin-ext-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

       url('fonts/handjet-v21-latin_latin-ext-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */

       url('fonts/handjet-v21-latin_latin-ext-200.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */

       url('fonts/handjet-v21-latin_latin-ext-200.svg#Handjet') format('svg'); /* Legacy iOS */

}

/* handjet-300 - latin_latin-ext */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Handjet';

  font-style: normal;

  font-weight: 300;

  src: url('fonts/handjet-v21-latin_latin-ext-300.eot'); /* IE9 Compat Modes */

  src: url('fonts/handjet-v21-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('fonts/handjet-v21-latin_latin-ext-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

       url('fonts/handjet-v21-latin_latin-ext-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */

       url('fonts/handjet-v21-latin_latin-ext-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */

       url('fonts/handjet-v21-latin_latin-ext-300.svg#Handjet') format('svg'); /* Legacy iOS */

}

/* handjet-regular - latin_latin-ext */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Handjet';

  font-style: normal;

  font-weight: 400;

  src: url('fonts/handjet-v21-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */

  src: url('fonts/handjet-v21-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('fonts/handjet-v21-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

       url('fonts/handjet-v21-latin_latin-ext-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */

       url('fonts/handjet-v21-latin_latin-ext-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */

       url('fonts/handjet-v21-latin_latin-ext-regular.svg#Handjet') format('svg'); /* Legacy iOS */

}

/* handjet-500 - latin_latin-ext */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Handjet';

  font-style: normal;

  font-weight: 500;

  src: url('fonts/handjet-v21-latin_latin-ext-500.eot'); /* IE9 Compat Modes */

  src: url('fonts/handjet-v21-latin_latin-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('fonts/handjet-v21-latin_latin-ext-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

       url('fonts/handjet-v21-latin_latin-ext-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */

       url('fonts/handjet-v21-latin_latin-ext-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */

       url('fonts/handjet-v21-latin_latin-ext-500.svg#Handjet') format('svg'); /* Legacy iOS */

}

/* handjet-600 - latin_latin-ext */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Handjet';

  font-style: normal;

  font-weight: 600;

  src: url('fonts/handjet-v21-latin_latin-ext-600.eot'); /* IE9 Compat Modes */

  src: url('fonts/handjet-v21-latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('fonts/handjet-v21-latin_latin-ext-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

       url('fonts/handjet-v21-latin_latin-ext-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */

       url('fonts/handjet-v21-latin_latin-ext-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */

       url('fonts/handjet-v21-latin_latin-ext-600.svg#Handjet') format('svg'); /* Legacy iOS */

}

/* handjet-700 - latin_latin-ext */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Handjet';

  font-style: normal;

  font-weight: 700;

  src: url('fonts/handjet-v21-latin_latin-ext-700.eot'); /* IE9 Compat Modes */

  src: url('fonts/handjet-v21-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('fonts/handjet-v21-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

       url('fonts/handjet-v21-latin_latin-ext-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */

       url('fonts/handjet-v21-latin_latin-ext-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */

       url('fonts/handjet-v21-latin_latin-ext-700.svg#Handjet') format('svg'); /* Legacy iOS */

}

/* handjet-800 - latin_latin-ext */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Handjet';

  font-style: normal;

  font-weight: 800;

  src: url('fonts/handjet-v21-latin_latin-ext-800.eot'); /* IE9 Compat Modes */

  src: url('fonts/handjet-v21-latin_latin-ext-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('fonts/handjet-v21-latin_latin-ext-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

       url('fonts/handjet-v21-latin_latin-ext-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */

       url('fonts/handjet-v21-latin_latin-ext-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */

       url('fonts/handjet-v21-latin_latin-ext-800.svg#Handjet') format('svg'); /* Legacy iOS */

}

/* handjet-900 - latin_latin-ext */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Handjet';

  font-style: normal;

  font-weight: 900;

  src: url('fonts/handjet-v21-latin_latin-ext-900.eot'); /* IE9 Compat Modes */

  src: url('fonts/handjet-v21-latin_latin-ext-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('fonts/handjet-v21-latin_latin-ext-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

       url('fonts/handjet-v21-latin_latin-ext-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */

       url('fonts/handjet-v21-latin_latin-ext-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */

       url('fonts/handjet-v21-latin_latin-ext-900.svg#Handjet') format('svg'); /* Legacy iOS */

}



* {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Handjet';

  font-style: normal;

  font-weight: 600;

  src: url('fonts/handjet-v21-latin_latin-ext-900.eot'); /* IE9 Compat Modes */

  src: url('fonts/handjet-v21-latin_latin-ext-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('fonts/handjet-v21-latin_latin-ext-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

       url('fonts/handjet-v21-latin_latin-ext-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */

       url('fonts/handjet-v21-latin_latin-ext-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */

       url('fonts/handjet-v21-latin_latin-ext-900.svg#Handjet') format('svg'); /* Legacy iOS */

}



h1, h2, h3, h4, h5, h6 {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Handjet';

  font-style: normal;

  font-weight: 900;

  src: url('fonts/handjet-v21-latin_latin-ext-900.eot'); /* IE9 Compat Modes */

  src: url('fonts/handjet-v21-latin_latin-ext-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('fonts/handjet-v21-latin_latin-ext-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

       url('fonts/handjet-v21-latin_latin-ext-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */

       url('fonts/handjet-v21-latin_latin-ext-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */

       url('fonts/handjet-v21-latin_latin-ext-900.svg#Handjet') format('svg'); /* Legacy iOS */

}



body p, body ul, body li, body a {

  font-size: 1.7rem;

  line-height: 1.2;

}



.caption {

  font-size: 1.3rem;

  line-height: 1.2;

}



.social-links{

  padding-bottom: 5.2rem;

}



h1, .nadpis {

  font-size: 2.3rem;

  line-height: 1.5;

  text-align: center;

}



.text {

  padding-left: 10%;

  padding-right: 10%;

}



body {

  margin: 0;

  padding-top: 5rem;

  background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.2));

}



body {

    margin-top: 5rem; 

    

  }

  

  /* Základní styl navigace */

  .nav a {

    text-decoration: none;

    color: #fff;

    transition: background 0.3s, color 0.3s;

  }

  

  .nav a:hover {

    background: rgba(255, 255, 255, 0.1);

    color: #ff0080;

  }

  

  /* Mobilní menu – základně skryté tlačítko */

  .menu-toggle {

    display: none;

    font-size: 1.5rem;

    background: none;

    border: none;

    color: #fff;

    cursor: pointer;

  }

  

  /* Mobilní menu – skrytá navigace */

  .nav {

    display: flex;

    gap: 20px;

  }



.nav a {

      padding: 10px 16px;

      display: block;

      color: #fff;

    }





/* Základní styl hlavičky z předchozí verze */

.site-header {

    position: fixed;

    top: 0; left: 0;

    width: 100%;

    height: 13vh;

    min-height: 48px;

    background: rgba(50, 50, 50, 1);

    color: #fff;

    z-index: 1000;

}

  .logo {

    max-height: 10vh;

    display: block;

  }

  

  .header-inner {

    max-width: 1200px;

    height: 100%;

    margin: 0 auto;

    padding: 0 16px;

    display: flex;

    align-items: center;

    justify-content: space-between;

  }

  

  .site-header a {

    color: #fff;

    text-decoration: none;

  }

  .site-header a:hover {

    text-decoration: underline dotted;

    text-underline-offset: 3px;

  }

  

  .nav {

    display: flex;

    gap: 20px;

  }

  

  /* Mobilní menu – základně skryté tlačítko */

  .menu-toggle {

    display: none;

    font-size: 1.5rem;

    background: none;

    border: none;

    color: #fff;

    cursor: pointer;

  }

/* ...existing code... */



/* Přidej na začátek souboru pro zamezení horizontálního scrollu */

html, body {

  width: 100vw;

  max-width: 100vw;

  overflow-x: hidden;

  

}



/* Uprav .nadpis, aby neprotahoval viewport */

.nadpis {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 100%;

  min-height: 20vh;

  text-align: center;

  margin: 0 auto;

  box-sizing: border-box;

  overflow-x: hidden;

}



.nadpis h1 {

  position: relative;

  display: inline-block;

  z-index: 1;

  margin: 0;

  padding: 0.2em 0.8em;

  text-align: center;

}



.nadpis h1 .char-anim {

  position: relative;

  display: inline-block;

  padding: 0 0.05em;

  color: #111;

  /* text-shadow nastavuje JS dynamicky */

  transition: color 0.2s, text-shadow 0.2s;

}



.nadpis h1 .char-anim.active {

  animation: charGlow 1.2s ease-out infinite;

}



@keyframes charGlow {

  0% {

    opacity: 1;

  }

  70% {

    opacity: 0.7;

  }

  100% {

    opacity: 1;

  }

}



/* ...existing code... */



@keyframes textGlow {

  0% {

    opacity: 1;

    box-shadow: 0 0 24px 8px #ff0080, 0 0 48px 16px #8000ff;

  }

  70% {

    opacity: 0.7;

    box-shadow: 0 0 12px 4px #ff0080, 0 0 24px 8px #8000ff;

  }

  100% {

    opacity: 0.3;

    box-shadow: 0 0 0px 0px #ff0080, 0 0 0px 0px #8000ff;

  }

}

  

  /* --- RESPONSIVE --- */

  @media (max-width: 768px) {

    /* Skryj navigaci na mobilu */

    .nav {

      display: none;

      position: absolute;

      top: 100%; /* pod hlavičkou */

      left: 0;

      width: 100%;

      flex-direction: column;

      background: rgba(50, 50, 50, 1);

      padding: 10px 0;

    }

  

    .nav a {

      padding: 10px 16px;

      display: block;

    }

  

    /* Zobraz přepínač */

    .menu-toggle {

      display: block;

    }

  

    /* Aktivní menu – po kliknutí */

    .nav.active {

      display: flex;

    }



    .text {

  padding-left: 10%;

  padding-right: 10%;

}

  

  

  /* Aby obsah nezačínal pod hlavičkou */

  .content {

    padding-top: max(5vh, 48px);

  }

  

  

  body {

    width: 100%;

    background: rgba(0, 0, 0, 0.2); /* 20% krytí černou */

    color: #292929;

    align-content: center;

    z-index: 1;

  }





  @media (max-width: 768px) {

    .nav {

      overflow: hidden;

      max-height: 0;

      opacity: 0;

      transition: max-height 0.3s ease, opacity 0.3s ease;

      position: absolute;

      top: 100%;

      left: 0;

      width: 100%;

      flex-direction: column;

      background: rgba(50, 50, 50, 1);

      padding: 0; /* padding dáme až při otevření */

    }

  

    .nav a {

      padding: 10px 16px;

      display: block;

      color: #fff;

    }

  

    /* aktivní stav – rozbalení */

    .nav.active {

      max-height: 300px; /* dost velké, aby se tam vešly všechny položky */

      opacity: 1;

      padding: 10px 0;

    }

  

  .site-header {

    position: fixed;

    top: 0; left: 0;

    width: 100%;

    height: 16vh; /* min 56px, max 96px, optimal 12% of viewport height */

    min-height: 56px;

    z-index: 1000;

  }



  .logo {

    max-height: 15vh; /* min 56px, max 96px, optimal 12% of viewport height */

  }

  }

  }



#scrollTopBtn {

  position: fixed;

  right: 2vw;

  bottom: 2vw;

  width: 2vw;

  height: 2vw;

  min-width: 40px;

  min-height: 40px;

  max-width: 60px;

  max-height: 60px;

  border: none;

  border-radius: 50%;

  background: rgba(30,30,30,0.85);

  opacity: 0.5;

  display: none;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  z-index: 9999;

  transition: opacity 0.2s, box-shadow 0.2s;

  box-shadow: 0 0 16px #7c3aed, 0 0 32px #ff0080;

}



#scrollTopBtn:hover,

#scrollTopBtn:focus {

  opacity: 1.0;

  outline: none;

}



.scroll-arrow {

  font-size: 20px;

  color: #fff;

  transition: text-shadow 0.2s;

  user-select: none;

  pointer-events: none;

  font-family: 'Handjet', monospace;

  font-weight: 900;

}



.reference-list {

  display: flex;

  flex-wrap: wrap;

  gap: 2vw;

  justify-content: center;

  margin: 2vh 0 3vh 0;

}



.reference-item {

  background: rgba(30,30,30,0.85);

  border-radius: 1em;

  padding: 1em 2em;

  min-width: 160px;

  box-shadow: 0 0 16px #7c3aed, 0 0 32px #ffe600;

  display: flex;

  flex-direction: column;

  align-items: center;

  font-family: 'Handjet', monospace;

  font-size: 1.3em;

  color: #fff;

  border: 2px solid transparent;

  transition: box-shadow 0.3s, border 0.3s;

}



.reference-item:hover {

  box-shadow: 0 0 32px #00fff7, 0 0 48px #ffe600;

  border-image: linear-gradient(90deg, #00fff7, #7c3aed, #ffe600) 1;

}



.reference-venue {

  font-weight: bold;

  font-size: 1.4em;

  letter-spacing: 0.05em;

  color: #ffe600;

  text-shadow: 0 0 8px #7c3aed, 0 0 16px #00fff7;

}



.reference-city {

  font-size: 1em;

  color: #00fff7;

  margin-top: 0.3em;

  text-shadow: 0 0 6px #7c3aed;

}



.social-links {

  display: flex;

  gap: 2vw;

  justify-content: center;

  align-items: center;

  margin: 2vh 0 3vh 0;

  flex-wrap: wrap;

}



.social-icon {

  display: flex;

  align-items: center;

  justify-content: center;

  opacity: 0.7;

  transition: opacity 0.2s;

}



.social-icon:hover,

.social-icon:focus {

  opacity: 1;

}



.social-icon svg {

  width: 6vw;

  height: 6vw;

  min-width: 96px;

  min-height: 96px;

  max-width: 120px;

  max-height: 120px;

  stroke: #111;

  fill: none;

  background: transparent;

  transition: filter 0.3s;

  filter: drop-shadow(0 0 8px #00fff7)

          drop-shadow(0 0 12px #7c3aed)

          drop-shadow(0 0 16px #ffe600);

  animation: socialGlow 1.2s infinite alternate;

  stroke-width: 1.2 !important;

}



/* Mobilní úprava: menší ikonky a dva řádky */

@media (max-width: 768px) {

  .social-links {

    flex-wrap: wrap;

    gap: 4vw;

    justify-content: center;

    align-items: center;

  }

  .social-icon {

    flex: 1 1 40%;

    display: flex;

    justify-content: center;

    margin-bottom: 2vw;

  }

  .social-icon svg {

    width: 16vw;

    height: 16vw;

    min-width: 48px;

    min-height: 48px;

    max-width: 64px;

    max-height: 64px;

  }

}



.site-footer {

  width: 100%;

  height: 8vw;

  margin-bottom: 0;

  padding-bottom: 0;

  min-height: 48px;

  background: rgba(50, 50, 50, 1);

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  z-index: 1000;

}



.footer-text, .footer-text a {

  font-family: 'Handjet', monospace;

  font-size: 16px;

  color: #fff;

  text-align: center;

  text-shadow:

    0 0 8px #ffe600,

    0 0 16px #7c3aed,

    0 0 24px #00fff7;

  animation: footerGlow 1.2s infinite alternate;

}



@keyframes footerGlow {

  0% {

    text-shadow:

      0 0 8px #ffe600,

      0 0 16px #7c3aed,

      0 0 24px #00fff7;

  }

  50% {

    text-shadow:

      0 0 16px #00fff7,

      0 0 8px #ffe600,

      0 0 12px #7c3aed;

  }

  100% {

    text-shadow:

      0 0 8px #7c3aed,

      0 0 16px #00fff7,

      0 0 12px #ffe600;

  }

}



/* Podkresový obrázek přes celý viewport */

.bg-image {

  position: fixed;

  top: 0;

  left: 0;

  width: 100vw;

  height: 100vh;

  object-fit: cover;

  z-index: -1;

  pointer-events: none;

  opacity: 0;

  transition: opacity 1s cubic-bezier(.77,0,.175,1);

}



.content {

  min-height: 100vh;

  height: 100vh;

  display: flex;

  flex-direction: column;

  justify-content: center;

  box-sizing: border-box;

  position: relative;

  z-index: 1;

}



/* Pro mobilní verzi zvětši výšku sekcí */

@media (max-width: 768px) {

  .content {

    min-height: 150vh;

    height: 150vh;

  }

}



/* Výjimka pro první sekci (section1) */

#section1 {

  min-height: 150vh;

  height: 150vh;

}



@media (max-width: 768px) {

  #section1 {

    max-height: 115vh;

    height: 115vh;



  }

  .site-footer {

  width: 100%;

  height: 18vw;

}

}