/*
Definování gridů a flexboxů
*/

.logo { grid-area: Logo; }
.hlavicka { grid-area: Hlavicka; }
.telo { grid-area: Telo; }
.paticka { grid-area: Paticka; }
.copyright { grid-area: Copyright; }

.container {
  display: grid;
  gap: 0.5em;
  grid-template-columns: 1fr;
  grid-template-areas:
    "Logo"
    "Hlavicka"
    "Telo"
    "Paticka";
}

@media only screen and (min-width: 1640px) {
  .logo-obal,
  .hlavicka,
  .telo,
  .paticka-obal {
    width:1600px;
    margin:0 auto;
  }
}