.logo {

  font-size: 24px;

  font-weight: bold;

  position: absolute; 

  top: 50%; 

  transform: translateY(-50%); 

}



.navbar {

  float: right; 

}



.logo img {

#  max-height: 50px; 

}







header {

  background-image: url('hlavickabg.jpg'); 

  background-size: cover;

  background-position: center;

  color: #fff;

  padding: 20px;

  text-align: center;

  text-align: left; 

  position: relative; 



}





.header-overlay {

  background-color: rgba(0, 0, 0, 0.5); 

  padding: 20px;

}





body {

  font-family: Arial, sans-serif;

  margin: 0;

  padding: 0;

  background-color: #FFFFFF;

  color: #333;

}



.container {

  max-width: 1200px;

  margin: 0 auto;

  padding: 20px;

}



.logo {

  font-size: 24px;

  font-weight: bold;

}



.navbar {

  margin-top: 20px;

}



.navbar ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



.navbar li {

  display: inline-block;

  margin-right: 10px;

}



.navbar a {

  color: #fff;

  text-decoration: none;

}





main {

  margin-top: 20px;

}



.section {

  margin-bottom: 20px;

  padding: 20px;

  background-color: #fff;

  border-radius: 5px;

}



.section h2 {

  margin-top: 0;

}



.section p {

  line-height: 1.5;

}





footer {

  background-color: #333;

  color: #fff;

  padding: 20px;

  text-align: center;

}



.footer-text {

  font-size: 14px;

}