h1,h2,h3,h4,p,ul,ol,li,body {
    margin: 0;
    padding: 0;
}
body{
    font-family: 'Open Sans', sans-serif;
    background: /*#eaeaea;*/ #c1bbac85;
    background-image: url(data:image/png;base64,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);
}
h1,h2,h3,h4,h5{
    font-family: 'Montserrat', sans-serif;
}
.clearfix:after, .clearfix:before {
    content: "";
    display: block;
    clear: both;
}
*, *:after, *:before {
    box-sizing: border-box;
}
html,body{
    width: 100%;
    padding:0;
    margin:0;
    overflow-x: hidden;
}
html{
    scroll-behavior: smooth!important;
}
a {
    transition: all 0.5s ease-out;
}
a:hover { 
    transition: all 0.5s ease-out;
}
img:not(.polozka img){
    pointer-events: none;
}
.btn{
    border-radius: 0;
    padding: 15px 35px;
    font-weight: 300;
    text-transform: uppercase;
}
h1,h2,h3,p{
    padding-bottom: 20px;
}
h1{
    font-size: 6em;
    text-transform: uppercase;
    font-weight: 100;
    padding: 90px 0 20px;
}
h5{
    font-weight: 400;
    font-size: 1.1rem;
    margin: 7px 0;
}
@media screen and (max-width: 770px){
    h1{font-size:4em;}
    .btn {
        margin: 20px auto 30px!important;
    }
}
h2{
    font-size: 3em;
    text-transform: uppercase;
    font-weight: 100;
    text-align: center;
    padding: 30px 0 40px;
}
@media screen and (max-width: 900px){
    h2 {
        font-size: 2.3em;
        padding-top: 20px;
    }
}
h3{
    font-size: 2.5em;
    font-weight: 500;
}
@media screen and (max-width: 770px){
    h3{font-size:2em;}
}

/* typer */ 

ins,del{text-decoration:none;}
      kbd{font-family:inherit;}
      s{display:none;}
      .t-caret{display:none;}
#t{
    height:90px;
}

/* úvod */

.yellow-bg{
    background: /*#deae20;*/ #d2ccbf6b;
    background-image: url(data:image/png;base64,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);
}
.uvod img{
    width: 86%;
    border: 15px solid #193e63;
    border-radius: 50%;
    box-shadow: 13px 13px 0px 0.8px #ffffff;
    padding: 0;
}
.uvod h3{
    font-size: 2em;
}

.uvod p, .uvod li{
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.65em;
}
.info{
    width: 92%;
}
.info .btn{
    margin-top: 1.2em;
}
.info p{
    padding-bottom: 7px;
}
.info strong {
    font-weight: 600;
    color: #193e63;
}
.uvod{
    padding-bottom: 30px;
}
.uvod .icon{
    width: 0.7em;
    margin-right: 5px;
}
.titulek{
    text-align: center;
    margin-bottom: 70px;
}
@media screen and (max-width: 700px){
    .titulek {
        margin-bottom: 0;
    }
    .uvod{
        padding-right: 5px;
        padding-left: 5px;
    }
    #uvod h4{
        font-size: 1.2rem;
        padding-top: 0.8rem;
    }
    #uvod h5{
        margin-bottom: 2.6rem;
        font-size: 1rem;
    }
    .uvod h3{
        font-size: 1.35rem;
        font-weight: 600;
        padding-bottom: 0.8rem;
    }
}


/* sluzby */

.sluzby{
    padding: 50px 0;
}
.sluzby h3{
    font-size: 1.5em;
    font-weight: 500;
    text-align: center;
 }
 .sluzby p{
    font-weight: 300;
    text-align: center;
    line-height: 1.6em;
    display: none;
 }

.nabidka-sluzby{
    margin: 10px;
    /*background: #ffffffdb;*/
    padding: 10px 30px;
    max-width: 31%;
}
.sluzby img{
    width: 40%;
    margin: 0 auto;
    margin-bottom: -10px;
    display: block;
    /*filter: invert(51%) sepia(44%) saturate(225%) hue-rotate(183deg) brightness(96%) contrast(87%);*/
    filter: invert(91%) sepia(84%) saturate(65%) hue-rotate(183deg) brightness(95%) contrast(77%);
 }

 @media (min-width:770px) and (max-width:991px){
    .nabidka-sluzby{
        max-width: 47%;
    }
 }

 @media (max-width:770px){
    .nabidka-sluzby {
        margin: 3px 0;
        max-width: 50%;
    }
    .sluzby img {
        width: 70%;
    }
    .sluzby h3 {
        font-size: 1.1em;
    }
 }


.sluzby a{
    color: #503f43;
    text-decoration: underline;
}
.sluzby a:hover{
    text-decoration: none;
}

.sluzby .btn{
    margin: 30px auto;
    display: block;
}
.sluzby .btn a{
    text-decoration: none;
}
.sluzby .btn a:hover{
    color:#fff;
}

 /* polozky portfolia */
 .background-dark{
    background: #040404;
    background-image: url(data:image/png;base64,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);
 }
 .background-dark h2{
    color: #d4d4d4;
    padding-top: 80px;
 }
 .ikony{
     margin-bottom: 15px;
     padding: 0px 20px 10px;
 }
 .polozky{
     margin: 35px 0;
 }
 .polozka img{
    width: 55%;
    opacity: 1;
    margin: 0 auto;
    display: block;
 }
 .polozka img:hover{
    cursor: pointer;
    filter: invert(40%) sepia(85%) saturate(277%) hue-rotate(166deg) brightness(60%) contrast(117%);
    opacity: 0.8;
    transition: 0.5s ease-out;
 }
 .active img{
    opacity: 1;
    filter: invert(40%) sepia(85%) saturate(277%) hue-rotate(166deg) brightness(60%) contrast(117%);
 }
 .polozka h3{
    font-size: 1.6em;
    font-weight: 500;
    text-align: center;
    margin-top: -25px;
    opacity: 1;
    color: #504f4f;
 }
 .active h3{
    opacity: 1;
    color: #255279;
 }

 .gallery-container{
    width: 80%;
    margin: 20px auto 0;
    padding-bottom: 50px;
 }
 .tz-gallery .col-6{
    padding-right: 9px;
    padding-left: 9px;
}
.tz-gallery{
    display: none;
    padding: 0; 
}
.aktivni{
    display: initial;
}
.tz-gallery .lightbox img {
    filter: saturate(0.8);
}
/* overlay polozka portfolio */
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px;
    height: 96%;
    width: 97%;
    opacity: 0;
    transition: .5s ease;
    background-image: url(data:image/png;base64,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);
    background-color: #193e63;
  }

.lightbox:hover .overlay {
    opacity: 0.9;
    }
.text {
    color: white;
    font-size: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    line-height: 1.3em;
}
/* skills */

.background-dark .skills p{
    color: #d4d4d4;
    line-height: 1.6em;
    font-weight: 300;
    letter-spacing: 0.3px;
}
.background-dark .skills h3{
    color: #fff;
    font-size: 1.3em;
    padding-bottom: 10px;
}
.skills .col-8{
    max-width: 80%;
    padding-left: 0;
}
.skills .col-4{
    max-width: 30%;
    padding-right: 0;
}
.skills img{
    width: 92%;
    margin-top: -17px; 
    filter: invert(51%) sepia(44%) saturate(225%) hue-rotate(
        183deg
        ) brightness(96%) contrast(87%);
}
.skills{
    padding-bottom: 40px;
}
.skills h2{
    padding-bottom: 60px;
}
#circle, #circle2, #circle3, #circle4 {
    position: relative;
    text-align: center;
    line-height: 1.2;
  }
  
  #circle canvas {
    vertical-align: top;
  }
  
  #circle strong, #circle2 strong, #circle3 strong, #circle4 strong {
    position: absolute;
    top: 50px;
    left: 5px;
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 34px;
    font-family:  'Montserrat', sans-serif;
    color: #212529;
}
  
  #circle strong i, #circle2 strong i, #circle3 strong i, #circle4 strong i {
    font-style: normal;
    font-size: 0.6em;
    font-weight: normal;
    color: #212529;
  }
  
  #circle span, #circle2 span, #circle3 span, #circle4 span {
    display: block;
    color: #8b8b8c;
    margin-top: 12px;
  }
.dovednosti{
    margin-bottom: 50px;
}
@media screen and (max-width: 770px){
    #circle, #circle2, #circle3, #circle4 {
        margin-bottom: 30px;
    }
}
/* kontakt */ 

h2#kontakt {
    padding-top: 80px;
}
.kontakt{
    font-weight: 300;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    line-height: 1.65em;
    margin-bottom: 30px;
    color: #ffffff;
}
.ikonky{
    width: 60%;
    margin: 0 auto 120px;
    background: #040404;
    padding: 30px 30px 25px;
    box-shadow: 12px 12px 0px 1px #ffffff;
    background-image: url(data:image/png;base64,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);
}
.ikonky p{
    padding-bottom: 15px;
    text-align: center;
    font-size: 1.6em;
    color: #fff;
}
.ikonky h2{
    padding: 30px 0;
}
.ikonky a{
    color: #fff;
}
.ikonky a:hover{
    color: #d4d4d4;
    text-decoration: none;
}
@media screen and (max-width: 770px){
    .ikonky p{
        font-size: 1.1em;
    }
    .ikonky{
        width: 100%;
        padding: 20px 10px 15px;
        box-shadow: 8px 9px 0px 1px #ffffff;
    }
}

/* web portfolio */
.background-white {
    background: #193e63;
}
.background-white h2{
    color: #fff;
}
.background{
    background: url(../img/web/vaper.jpg) no-repeat;
    width:100%;
    height: 480px;
    background-position-y: 85%;
    background-attachment: fixed;
}
.bg-palatinum{
    background: url(../img/web/business.jpg) no-repeat;
    background-position-y: 10%;
    background-position-x: 50%;
    background-size: 150%;
    background-attachment: fixed;
}
.bg-free{
    background: url(../img/web/free.jpg) no-repeat;
    background-attachment: fixed;
}
.vestavenky{
    background: url(../img/web/vestavenky.jpg) no-repeat;
    background-attachment: fixed;
    background-position-y: 100%;
    background-size: cover;
}
.bg-combi{
    background: url(../img/web/combi2.jpg) no-repeat;
    background-position-y: 30%;
}
.bg-agips{
    background: url(../img/web/build222.jpg) no-repeat;
    background-attachment: fixed;
}
.bg-agips a{
    color:#fff!important;
}
.bg-agency{
    background: url(../img/web/agency.jpg) no-repeat;
    background-attachment: fixed;
}
.bg-coffee{
    background: url(../img/web/coffee2.jpg) no-repeat;
    background-attachment: fixed;
    background-position-y: 77%;
    background-position-x: 50%;
}
.bg-cupcakes{
    background: url(../img/web/photocupcakes.jpeg) no-repeat;
    background-attachment: fixed;
    background-position-y: 169%;
}
.bg-inka{
    background: url(../img/web/potrubi-new.jpg) no-repeat;
    background-attachment: fixed;
    background-position-y: 160%;
}
.bg-inka a, .vestavenky a{
    color:#fff!important;
}
@media screen and (min-width:990px){
.marginleft{
    margin-left: 30px;
    max-width: 113%!important;
}
}
.background h1{
    color: #fff;
}
.none{
    background: none;
}
.weby h3{
    color:#eaeaea;
    font-size: 1.8em;
    text-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.radio h3{
    color:#212529;
    text-shadow: none;
}
.weby h1{
    padding: 150px 0 30px;
}
.uvod-weby{
    text-align: center;
    margin-top: 70px;
}
.uvod-weby p{
    font-size: 1.3em;
    line-height: 1.75em;
}
.web-sample img{
    max-width: 100%;
    margin-bottom: 50px;
    -webkit-box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.07);
    box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.07);
}
.web-sample h2{
    font-size: 3em;
    padding: 25px 0 35px;
}
.new-ikonky p{
    font-size: 1.2em;
}
.dlouhy-title h1{
    font-size: 6.3em;

}
.ukazka-webu img{
    margin-bottom: 20px;
    max-width: 100%;
}
.ukazka-webu p{
    margin-bottom: 50px;
    color: #8b8b8c;
}
.cerny-font h3{
    color: #212529;
    text-shadow: none;
}
.cerny-font h1{
    color: #212529;
    text-shadow: none;
} 

/* šipky */
.arrows{
    width:100%;
    padding-bottom: 70px;
}
.arrows a, .arrows i{
    color: #212529;
    font-size: 24px;
}
.arrows a{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
.arrows a:hover{
    color: #8b8b8c;
    text-decoration: none;
}

.left{
    float:left;
}
.right{
    float:right;
}
/* footer */
footer{
    padding: 0 2rem;
    color: #fff;
    font-weight: 300;
    text-align: center;
}

.aktivni{
    transition: all 5s;
}
/*navbar */
.navbar-brand{
    font-family: 'Montserrat', sans-serif;
    margin-right: 1rem;
    color: #626669!important;
}
.bg-light {
    background-color: #ffffff4d!important;
}
.navbar{
padding: .7rem 2rem;
}
.nav-link{
    color: #626669;
    font-weight: 300;
}
.nav-link:hover{
    color: #8b8b8c;
}
.navbar-brand a{
    font-weight: 500;
}
/* button */ 
.btn {
    margin: 15px 0 40px;
    background: #193e63;
    box-shadow: 9px 9px 0px 0.8px #ffffff;
}
.btn a{
    color:#fff;
    font-size: 0.9em;
    font-weight: 500;
}
.btn a:hover{
    text-decoration: none;
    color: #fff;
}
.btn:hover{
    transition: all 0.5s ease-out;
    box-shadow: none;
    background: #2a2d2f;
    transform: translate(9px, 9px);
    -webkit-transform: translate(9px, 9px);
}
.navbar{
    /*position: fixed;*/
    top:0;
}
@media (max-width: 600px){
    body {
        width: 100%;
    }
}


/* slider logos */

.klienti{
    padding: 60px 0 80px;
}

.slick-slide {
    margin: 20px 40px;
    width: auto!important;
}

.slick-slide img {
    width: auto;
    filter: grayscale(0.9);
    opacity: 0.8;
    height:70px!important;
    width: auto!important;
    /*max-width: 150px!important;*/
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* single page gallery*/
.single-page-gallery .gallery-container{
    width:100%;
    padding-bottom: 70px;
}
.single-page-gallery .overlay {
    height: 94%;
    width: 96%;
}

/* podobné řešení button */
.podobne-reseni .btn{
    margin: 0 auto 40px;
    display: block;
}
.podobne-reseni{
    padding: 30px 0 20px;
}

.kontakt-single{
    padding-top:40px;
}
.kontakt-single .ikonky{
    margin-bottom: 80px;
}


/* page update 2025 */ 


/* Navigace */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 2rem 4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.3s ease;
  z-index: 1000;
  color: #fff;
}

header.sticky {
  background: rgba(255, 255, 255, 0.85);
    /*backdrop-filter: blur(12px);    
  -webkit-backdrop-filter: blur(12px);  */
  transition: all 0.3s ease;
  color: #111;
  padding: 1rem 4rem;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.logo {
  font-size: 0.9rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "Montserrat";
}

nav ul {
  display: flex;
  gap: 2rem;
  list-style: none;
}

nav ul li a {
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  transition: opacity 0.3s;
    color: #fff;
}

nav ul li a:hover {
  opacity: 0.7;
}
header.sticky nav ul li a {
  color: #111;
}

/* Hero sekce */
.hero {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 2rem;
  background: url('/domains/veronikamarcikova.cz/img/fotka.jpg') no-repeat center center/cover;
  color: #fff;
  position: relative;
  overflow: hidden;
  background-attachment: fixed; /* parallax */
  will-change: transform;
}

.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.25); /* jemný overlay */
}

.hero-content {
  position: relative;
  z-index: 1;
  max-width: 1000px;
}
.hero p {
  max-width: 600px;
  margin: 0 auto; /* <<< Zarovnání bloku na střed */
  line-height: 1.5;
}
/* Obsah pro scroll */
section.content {
  min-height: 120vh;
  padding: 6rem 4rem;
  background: #f7f7f7;
}

/* Animace textu zdola nahoru */
.hero h1 span {
  display: inline-block;
  transform: translateY(100%);
  opacity: 0;
  animation: slideUp 0.8s ease-out forwards;
}
.jmeno{
    font-size: 1rem;
    letter-spacing: 2px;
}
h1{
    margin-bottom: 2rem;
}

.hero h1 span:nth-child(1) { animation-delay: 0.2s; }
.hero h1 span:nth-child(2) { animation-delay: 0.4s; }

@keyframes slideUp {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.hero p {
  transform: translateY(20px);
  opacity: 0;
  animation: slideUp 0.8s ease-out forwards;
  animation-delay: 1.8s; /* začne po H1 */
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.5;
}

/* end of updates 2025 */ 



/* responsive */

@media screen and (max-width: 1600px){
    .overlay {
        height: 95%;
        width: 96%;
    }
}
@media screen and (max-width: 1436px){
    .slick-slider{
        padding-top: 30px;
    }
    .klienti{
        padding: 40px 0 0;
    }
}
@media screen and (max-width: 1260px){
    .overlay {
        position: absolute;
        height: 94%;
        width: 95%;
    }
}
@media screen and (max-width: 1200px){
    .dlouhy-title h1 {
        font-size: 4em;
    }
    .lightbox:hover .overlay {
        opacity: 0;
        }
}
@media screen and (max-width: 770px){
    .dlouhy-title h1 {
        font-size: 2.9em;
        margin: 105px 0 30px;
    }
    .polozka h3 {
        font-size: 1.2em;
        line-height: 1;
        margin-top: -10px;
    }
    .polozka img {
        width: 80%;
    }
    .tz-gallery .lightbox img {
        margin-bottom: 14px;
    }
    .tz-gallery .col-6 {
        padding-right: 6px;
        padding-left: 6px;
    }
    .skills h2{
        padding: 45px 0;
    }
    .background-dark .skills h3 {
        color: #fff;
        font-size: 1.1em;
    }
    .skills .col-8 {
        padding-bottom: 20px;
    }
    .skills .col-8:last-child {
        padding-bottom: 40px;
    }
    .slick-slider{
        padding: 30px 0;
    }
    .slick-slide{
        margin:20px;
    }
    .slick-slide img{
        height:40px!important;
    }
    .weby h3 {
        font-size: 1.6em;
    }
    .info {
        width: 100%;
    }
    .ikony {
        margin-bottom: 10px;
        padding: 20px 0 0;
    }
    .gallery-container {
        width: 88%;
        margin: 0 auto;
        padding-bottom: 30px;
        margin-top: 25px;
    }
    .background {
        height: 380px;
    }
    .vestavenky{
        background-size: 300%;
    }
    h1, h2, h3, p {
        padding-bottom: 5px;
    }
    .web-sample h2 {
        font-size: 2.3em;
        padding: 15px 0 20px;
    }
    .web-sample h2:last-child{
        padding: 25px 0 5px;
    }
    .web-sample img {
        margin-bottom: 40px;
    }
    .uvod-weby p{
        margin-top: -20px;
        font-size: 1.2em;
        text-align: left;
    }
    .ukazka-webu p {
        margin-bottom: 20px;
    }
    .bg-vaperi{
        background-position-y: 70%;
    }
    .bg-agency {
        background-position-x: 27%;
    }
    .bg-inka{
        background-position-y: center;
        background-position-x: 20%;
    }
    .neradio h3{
        text-shadow: none;
        color: #212529;
    }
    .bg-free {
        height: 410px;
    }
    .bg-cupcakes {
        background-position-y: 0;
    }
}
@media screen and (max-width: 600px){
    h2#kontakt{
        padding: 40px 0 20px;
    }
    .navbar-brand{
        margin-right: 0!important;
    }
    .ikonky {
        margin-bottom: 80px;
    }
    .info .btn{
        margin: 2rem auto 1rem!important;
    }
    .uvod img{
        width:50%;
        margin: 0 auto 25px;
        display: block;
        border: 8px solid #193e63;
        box-shadow: 8px 8px 0px 0.8px #ffffff;
    }
    .sluzby {
        padding: 30px 0 50px;
    }
    .sluzby h2{
        margin-bottom: 20px;
    }
    .sluzby .btn{
        margin-top: 30px!important;
    }
    .portfolio-praci h2 {
        padding-top: 50px;
    }
    .klienti {
        padding: 10px 0;
    }
    .skills {
        padding-bottom: 0;
    }
    .kontakt {
        width: 100%;
    }
    .single-page-gallery .gallery-container {
        width: 98%;
        padding-bottom: 40px;
    }
    .kontakt-single .ikonky {
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 550px){
    .titulek h1{
        font-size: 2.5em;
        padding: 50px 0 0;
    }
    .podobne-reseni {
        padding: 30px 0 50px;
    }
    .web-sample h2 {
        font-size: 2em;
    }
    .titulek h3{
        font-size: 1.5em;
    }
    #t {
        height: 70px;
    }
    .uvod p {
        font-size: 1.1em;
    }
    .btn{
        margin: 0 auto!important;
        display: block;
    }
    .btn a{
        font-size: 0.8em;
    }
    .info {
        width: 100%;
    }
    #kontakt h2{
        padding-top: 0;
    }
}
/* =====================================
   RESPONSIVE – MOBILNÍ STYL - hero sekce
===================================== */
@media (max-width: 768px) {
  header {
    padding: 1rem 2rem;
  }

  .hero {
    height: 50dvh; /* správné chování na mobilech */
    padding: 0 1.2rem;
    align-items: center;
    justify-content: center;
    background-position: center;
  }

  .hero h1 {
    font-size: 2rem;
    margin-bottom: 0.8rem;
  }

  .hero p {
    font-size: 1rem;
    max-width: 90%;
    line-height: 1.6;
  }
  .jmeno {
    font-size: 0.8rem;
    margin-bottom: .5rem;
}

  nav ul {
    gap: 1rem;
  }
}

/* =====================================
   EXTRA MALÉ DISPLEJE (do 480px)
===================================== */
@media (max-width: 480px) {
  .hero {
    padding: 0 1rem;
  }

  .hero h1 {
    font-size: 1.7rem;
  }

  .hero p {
    font-size: 0.95rem;
  }
}