body {
 padding:0px;
 margin:0px;
}
a {
 text-decoration:none;
}
.cta {
 text-align:center;
 padding:5px;
 margin:10px;
}
.btn {
 border: 1.1px solid #ccc;
 padding:3px 6px;
 border-radius:10px; 
 border: 1px dashed #999;
}
h1,h2 {
 text-align:center;
}
h3 {
 text-align:center;
 padding:15px;
}
p {
 text-align:center;
}
#sluzby-h2 {
 text-align:center;
 margin-top:5px;
 width:100%;
}
img { 
 max-width:100%;
 max-height:50%;
}
.hero {
 text-align:center;
} 
i {
 padding:8px;
 color:black;
 font-size:20px;
}
 #logo-hlavicka {
 height:50px;
 width:50px;
 text-decoration:none;
}
  * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #FFF;
      padding: 10px 20px;
      position: relative;
    }

    .logo {
      font-size: 24px;
      font-weight: bold;
    }

    .hamburger {
      display: none;
      font-size: 28px;
      cursor: pointer;
      background: none;
      border: none;
    }

    nav.menu {
      display: flex;
      gap: 20px;
    }

    nav.menu a {
      text-decoration: none;
      color: black;
      padding: 10px;
    }

    nav.menu a:hover {
      background-color: rgba(0, 0, 0, 0.1);
      border-radius: 5px;
    }

    @media (max-width: 768px) {
      .hamburger {
        display: block;
      }

      nav.menu {
        display: none;
        flex-direction: column;
        width: 100%;
        background-color: #FFF;
        position: absolute;
        top: 80px;
        left: 0;
        z-index: 10;
      }

      nav.menu.show {
        display: flex;
        text-align: center;
      }
    }