h1 {
    padding-bottom: 1rem
}


.oddil {
    padding-top: 2rem;
}

.homePanel {
    display: block ;
    margin-top: 2rem;
}

.homePanel a {
    margin-bottom:1rem;
}

@media only screen and (min-width: 768px) {
  .homePanel {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3rem;
   }
   .homePanel a {
    margin-bottom:0rem; 
   
   }
}



.homePanel a,
.homePanel a:visited {
    text-decoration: none ;
}

.panel, .fotopanel, .panel1, .panel2 {
    margin: 0rem 0rem 0rem 0rem;
    padding: .5rem 0rem 0rem 1rem;
    box-shadow: 2px 2px 15px 3px rgba(0, 0, 0, 0.2);
    display: block;
}

.panel2 {
    padding: 0rem;
    
}

.panel1 {
    padding: 1rem;
}

.fotopanel {
 
    padding: .5rem;
    box-shadow: 2px 2px 15px 3px rgba(0, 0, 0, 0.2);
    display: block;
}

a .panel2 {
    text-decoration:none;
}

a:hover.panel, a:hover.fotopanel, a:hover .panel2  {
    box-shadow: 2px 2px 15px 3px rgba(232, 7, 7, 0.3);

}

.oddil2 {
    padding-top: 2rem;
    display: grid;
    grid-template-columns: 4fr 2fr;
    gap: 2rem;
}

.oddil2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.oddil1 {
    margin-top: 2rem;
    display: grid;
    grid-template-columns: 2fr 4fr;
    gap: 2rem;
}

.oddil1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zapisOnline {
    padding: 1rem;
    text-align: center;
    margin-top: 2rem;
}

/* .trida {
    display: flex;
    justify-content: flex-start;
    align-items: center;
} */

.foto-small {
    display: grid;
    grid-template-columns:  1fr 1fr 1fr 1fr 1fr;
    gap: 0rem;
}
.foto-big {
    display: grid;
    grid-template-columns:  1fr 1fr 1fr;
    gap: 2rem;
}

figure {
    position: relative
}

figcaption {
   position: absolute;
   /* bottom:-1rem; */
   text-align:center;
   width:100%;
   z-index: 1; 
}

main dd {margin-top:2rem}