body {
     background: #FFF8DC;
     margin: 0px auto;
     box-sizing: content-box;
}

article {
     background: #F0FFF0;
     max-width: 1000px;
     font-family: Sans-serif;
     font-size: 0.9rem;
     padding: 20px 20px;
     margin: 0px auto;
     border: 0px solid red;
     // height: calc(100vh - 74px);
}     

h1 {
     text-align: center;
     color: #007700;
     font-family: Verdana; 
     font-size: 1.9rem;
     border-bottom: 1px solid #007700;
     padding: 0 0 1.5rem 0;
}

.container {
     max-width: 960px;
     background: white;
     margin: 3em auto;
     padding: 1em;
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    // grid-auto-rows: auto;
     column-gap: 0.5em;
     justify-items: center;
     align-items: top;
}

.gallery-item-image {
     margin-top: -14px;
     margin-bottom: -14px;
}

img:hover {opacity: 0.5;}

p.text {max-width: 960px;
     margin: 0px auto 30px auto;
     padding: 1em;
     line-height: 1.40em;
     background: white;
     text-align: justify;
}

footer {background-color: #606060;
       color: white;
       max-width: 1000px;
       height: 64px;
       padding: 5px 20px;   
       border: 0px solid white;
       margin: 0px auto;
       display: flex;
}

div.obrazek1 {
       background: url('Zvole1.jpg') no-repeat;
       background-size: 56px 56px; 
       margin: 5px 0px;
    //   width: 56px;
       flex: 0 0 56px;
}

div.obrazek2 {
       background: url('Zvole2.jpg') no-repeat;
       background-size: 56px 56px; 
       margin: 5px 0px;
    //   width: 56px;
       flex: 0 0 56px;
}

footer p.copyright {font-family: Verdana;
       font-style: italic;
       color: white;
       font-size: 75%;
       font-weight: normal;
       line-height: 1.4em;
       margin: 18px auto auto auto;
       text-align: center;
       border: 0px solid white;
       flex: 1;
} 

/*
.container {
     max-width: 1000px;
     background: white;
     margin: 2em;
     padding: 1em;
     columns: 150px;
     gap: 0.5em;
}

.gallery-item {
     break-inside: avoid;
}
*/