html, body {
    margin: 0;
    padding: 2%; 
    height: 100%;
  }
  
  body {
    display: flex;
    flex-direction: column;
  }
  
  .nadpis {
    color: black;
    text-align: center;
  }
  
  .nav {
    background-color: rgba(212, 212, 212, 0.822);
    padding: 2%; 
    margin-bottom: 2%; 
    text-align: center;
    
  }
  
  
  .Obsah {
    background-color: rgba(212, 212, 212, 0.822);
    height: 20%;
    margin-bottom: 2%; 
    text-align: center;
    padding: 0,5%; 
  }
  
  .kontejnery-vse{
    display: flex;
  }
  
  .kontejner {
    flex-grow: 1;
    padding: 2%;
  }
  
  .a1, .a2, .a3 {
    padding: 2%; 
    background-color: rgba(212, 212, 212, 0.829);
    height: 200px;
    text-align: center;
  }
  
  .Pata {
    padding: 1%;
    background-color: rgba(212, 212, 212, 0.822);
    text-align: center;
  }
  
  .mezery {
    width: 2%; 
  }
  
  .mezery-pata {
    height: 2%; 
  }