/* body {
    max-width: 1056px;
    margin: auto;
    border: 1px solid gray;
    background: lightgray;
    font: normal;
    }

p {
    text-align: left;
    margin: 0px;
    margin-top: 20px;
}

p.center {
    text-align: center;
}

a {


}

h1, h2, h3, h4, h5 {  margin: 0px; margin-bottom: 20px;

}

hlavička
#page_header {
      background: lightgreen;
      margin: 0px;
      padding: 10px;
}

#logo {
    text-align: center;
    font: 30px bold;
    width: 20%;

}

tělo
#page_body {
      background: white;
      margin: 0px;
      padding: 20px;
}

patička
#page_footer {
      background: gray;
      margin: 0px;
      padding: 20px;
      text-align: center;
}
 */
/* kontejnery */
.container_12_cols {
    display: grid;
    gap: 0px 0px;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: minmax(50px, auto);
    grid-auto-columns: max-content;
    padding-top: 0px;
}

/* bloky společné vlastnosti */
[class*="block-"] {
    padding: 0px;
    border: 0px /* solid gray */;
    }

/* bloky - full*/
.block-1-1 {
    grid-column: 1 / 13;
    grid-row: 1;
  
}


/* bloky - poloviny*/

     /* For mobile phones: */
    .block-1-2{ grid-area: 1 / span 12 / 2 / 13;   }
    .block-2-2{ grid-area: 2 / span 12 / 3 / 13;  text-align:center; }

/* for tablets and desktop */
@media only screen and (min-width: 600px) {
    .block-1-2{ grid-area: 1 / 1 / 2 / 7;   }
    .block-2-2{ grid-area: 1 / 7 / 2 / 13;  }
}