body{
    background: rgb(228, 224, 225);
    margin: 0;
    padding: 0;
}
header{
    background: rgb(228, 224, 225);
    padding: 2%;
    text-align: center;
    color: rgb(73, 54, 40);
    font-size: 20px;
}
.pozadi_obrazek{
  width: 20%;
}
.button {
    border-radius: 10px;
    background-color: #c9c9c9; 
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
  }
    div{
      display: flex;
      justify-content: center; 
      align-items: center; 
    }
  .button1 {
      background-color: rgb(255, 247, 243);
      color: rgb(73, 54, 40);
      border: 2px solid  rgb(255, 247, 243);
    }
    .button1:hover {
      background-color: rgb(171, 136, 109);
    }
    .horizontal-line {
      border: 0;
      border-top: 5px solid #000000; 
      margin-top: 10px; 
  }
  .ja_fotky{
    width: 20%;
    height: 550px;
    margin: 20px;
  }
  footer{
    text-align: center;
  }
  .rodina_fotky{
    width: 30%;
    margin: 30px;
  }
  .kamaradi_fotky{
    width: 400px;
    margin: 8%;
    height: 500px;
  }
  .hasici_fotky{
    width: 425px;
    height: 500px;
    margin: 10%;
  }
  .cestovani_fotky{
    width: 425px;
    height: 500px;
    margin: 10%;
  }