*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
img{
 padding-left: 40px;
 width: 900px;
 height: 500px;
 object-fit: cover;

}

body{
    background:#111;
    color:white;

}
p{
  font-size: 20px;
  font-family: 'Century Gothic', 'Apple Gothic', sans-serif;   
  letter-spacing: normal;
  padding-left: 40px;
  padding-right: 30px;
  margin-bottom: 25px;
}

header{
    display: flex;
    justify-content: space-between; /* nadpis vlevo, menu vpravo */
    align-items: center; /* srovná do stejné výšky */
    background-color: black; /* černý obdélník */
    border-bottom: 2px solid; /* červený proužek dole */
    border-bottom-color: rgb(208,0,32);
    font-family: 'Century Gothic', 'Apple Gothic', sans-serif;
}
.menu-section{
  display:grid;

  grid-template-columns:
    repeat(auto-fit,minmax(220px,1fr));

  background:#0d0d0d;

  padding:70px 60px;

  gap:30px;
}

.menu-card{
  text-align:center;

  padding:40px 25px;

  border-left:1px solid #222;

  text-decoration:none;
  color:white;

  transition:0.3s;
}

.menu-card:hover{
  transform:translateY(-6px);
}

.menu-card i{
  font-size:55px;

  color:#8b1e1e;

  margin-bottom:30px;

  transition:0.3s;
}

.menu-card:hover i{
  color:#d63031;
  transform:scale(1.1);
}

.menu-card h3{
  font-size:28px;

  margin-bottom:20px;

  letter-spacing:2px;
}

.menu-card p{
  color:#bbb;

  line-height:1.7;

  font-size:18px;
}

/* menu*/

nav{
    font-size: 20px;
    background:black;
    display:flex;
    justify-content:flex-end; 
    padding:20px 50px;
    padding-right:20px
    position:sticky;
    top:0;
    z-index:1000;
    flex-direction: column; /* dá odkazy pod sebe */
    gap: 10px;
}

nav ul{
    list-style:none;
    display:flex;
    gap:30px;
}

nav ul li{
    position:relative;
}

nav ul li a{
    color:white;
    text-decoration:none;
    font-weight:bold;
    padding:10px;
    display:block;
    transition:0.3s;
}

nav ul li a:hover{
    color:red;
}

/* podslozky */

nav ul li ul{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    background:#1a1a1a;
    min-width:220px;
    border:1px solid darkred;
}

nav ul li:hover ul{
    display:block;
}

nav ul li ul li{
    width:100%;
}


/* hlavní nadpis */
.title{
  color: white;
  font-size:40px;
  text-align: left;
 font-family: 'Trebuchet MS', 'Lucida Sans Unicode', sans-serif;
}

h1{
  color: white;
  font-size:30px;
  text-align: left;

 padding-left: 40px;
}

/* menší nadpisy */

.podnadpis{
  color:white;
  text-align:center;
  margin-top:20px;
  font-size:40px;
  font-family: 'Century Gothic', 'Apple Gothic', sans-serif;
}


.text2{
text-align:left
}

.odsazeni{
  padding-left: 40px;
}

h2{
  color: rgb(208,0,16);
  font-family: 'Century Gothic', 'Apple Gothic', sans-serif;
  font-size: 25px;
  padding-left: 40px;
}

h3{
  font-size: 30px;
  text-align:left;
}

h4{
  font-size: 30px;
  text-align:center;
  font-family: 'Century Gothic', 'Apple Gothic', sans-serif;
  margin-top: 40px;
}

.hero-content{
  max-width:750px;

  padding:120px 70px;

  color:white;
}

.hero-content h1{
  font-size:90px;

  line-height:1;

  letter-spacing:8px;

  margin-bottom:30px;

  font-family:'Oswald', sans-serif;
}

.hero-content h2{
  font-size:42px;

  font-weight:300;

  letter-spacing:4px;

  margin-bottom:30px;

  color:#d7d7d7;
}

.hero-content p{
  font-size:24px;

  line-height:1.8;

  color:#c0c0c0;

  max-width:650px;
}

.text3{
font-size: 20px;
  text-align: left;
  font-family: 'Century Gothic', 'Apple Gothic', sans-serif;
  margin-top: 20px;
  padding:0px 80px;
}

/* fotogalerie */
.gallery-grid{
  display:grid;
  grid-template-columns:
  repeat(auto-fit, minmax(280px,1fr));
  gap:30px;
  padding:60px 80px;
}

.gallery-item{
  background:#151515;
  border:1px solid #222;
  overflow:hidden;
  transition:0.3s;
}

.gallery-item:hover{
  transform:translateY(-6px);
  border-color:#a61d1d;
}

.gallery-item img{
  width:100%;
  height:320px;
  object-fit:cover;
  filter:grayscale(100%);
  transition:0.4s;
}

.gallery-item:hover img{
  transform:scale(1.05);
  filter:grayscale(20%);
}

.gallery-info{
  padding:20px;
}

.gallery-info h3{
  font-size:24px;

}
.gallery-info p{
  color:#999;
  line-height:1.5;

}

/* tabulka */

table{
    width: 600px;
    border-collapse:collapse;
    background:#111;
    box-shadow:0 0 25px rgba(255,0,0,.2);
    margin: 40px auto;
}


th{
    background:#7a0000;
    font-family: 'Century Gothic', 'Apple Gothic', sans-serif;
    font-size:22px;
    padding:18px;
}


td{
    padding:18px;
    text-align:center;
    border:1px solid #444;
    font-size:20px;
    font-family: 'Century Gothic', 'Apple Gothic', sans-serif;
}



/* footer*/

footer{
    background:black;
    text-align:center;
    padding:30px;
    border-top:2px solid rgb(208,0,32) ;
    font-family: 'Century Gothic', 'Apple Gothic', sans-serif;
    
}