.containerk {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(6);
  padding-top: 1em;
  padding-left: 3em;
  justify-items: center;

}
.container1 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
 
}
.container1>div>a>div>img {
  width: 160px;
}
.card {
  margin: 1.5em;
  align-items: center;

}

.card>img {
  width: 60%;
}
.cardl{
  margin-bottom: 2em;
}

.cardl>a>img{
  width: 40%;
  align-self: center;
}



ul{
 list-style-type: none;
}
h2 {
  padding: 0;
  justify-items: center;
  text-align: center;
}

@media (max-width: 900px) {

.containerk{
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(6);
    padding-left: 1em;
    
  }


}
@media (max-width: 600px) {
  .containerk{
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5);

  }
  
  .container1{
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5);

  }
  
  .grid-znak{
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat();
  }
    .grid-znak>div{
  padding-bottom: 2em;
  padding: 1em;
}

  .card {
  margin: 0em;
  margin-bottom: 1em;
  }
  .containerk>div{
  padding-bottom: 2em;
  padding-left: 0em;
}
  .container1>div{
  padding-bottom: 2em;
  padding: 1em;
}



}