body {
    background-color: brown;
    padding: 0%;
}
header {
    text-align: center;
    font-size: 25px;
    color: black;
    padding: 20px;
    border-bottom: 2px solid black
}
img {
    display: block;
    margin: auto;
    padding:  0px;
    border: 3px solid black;
    width: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
    }
.button1{
    background-color: #030303;
    color: aliceblue;
    border: none;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    
   
}
.button1:hover { 
font-size: 16px;
margin: 4px 2px;
transition-duration: 0.45s;
cursor: pointer;
background-color: #030303;
color: aliceblue;
  }
  
  footer table {
    width: 100%;
    text-align: center;}
.table1{
    text-align: center;
    color: #030303;
}
.main{
    text-align: center;

}
.image-container {
    display: flex;
    justify-content: center; /* Centers images horizontally */
    gap: 0px; /* Spacing between images */
    flex-wrap: wrap; /* Ensures images wrap on smaller screens */
}

.image-container img {
    max-width: 100%; /* Optional: limit the size of the images */
    height: auto;
}
img {
    width: 30%;
    height: auto;
}
.h2 {
    text-align: left;
}
.h21 {
    text-align: center;
}
.h22 {
    text-align: right;
}
.table12 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px; /* volitelné – přidá mezeru nahoře */
  }

  .table123 {
    margin-left: 250px;
  }
  .table1234 {
    margin-left: 525px;
  }

  .td2 {
    margin-left: 420px;
  }

  .td3 {
    margin-left: 900px;
  }
  .td4 {
    margin-left: 200px;
    text-align: justify;
  }
  .td5 {
    margin-left: 360px;
    text-align: justify;
  }

.td6 {
    margin-left: 390px;
}
.td7 {
    margin-left: 810px;
}
.td8 {
    margin-left: 390px;
    text-align: justify;
}
.td9 {
    margin-left: 760px;
    text-align: justify;
}