.podminky{  
    
    width:80%;
    margin-left:10%;
    justify-content:center;
    margin-top:10%;
}

.podminky1{  
    width:80%;
    margin-left:10%;
    margin-top: 5vh;
    margin-bottom: 10vh;
    justify-content:center;
}

.podminky ul{
    color:black;
    font-size:1.5vw;

}

.podminky1 ul{
    color:black;
    font-size:1.5vw;

}

.podminky H1,H2{
    text-align: center;
    margin-top:5%;
}

.center{
    text-align: center;
    justify-content: center;
}

.block{
    margin-top:5%;
    width:70%;
    margin-left:15%;
}
.block1{
    width:70%;
    margin-left:15%;
    display:flex;
    justify-content: center;
}

.pic{
    width:50%;
}

.table{
    display:grid;
    text-align: center;
    position:relative;
    font-size:1.5vw;
    color:black;
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 2px;
    background-color: black;
    padding: 5px;
    border-radius: 10px;
}

.table,.table2 > div {
    border: 1px solid black;
    text-align: center;
  }

  .table2{
    display:grid;
    text-align: center;
    position:relative;
    font-size:1.5vw;
    color:black;
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 2px;
    background-color: black;
    padding: 5px;
    border-radius: 10px;
}

.table > div {
    border: 1px solid black;
    text-align: center;
  }

.grid-item-1{
    font-weight:bold;
    background-color: #FFF;
}
.grid-item-2, .grid-item-4{
    background-color: #4AAD52;
}

.grid-item-3{
    background-color: #FFF;
}

@media screen and (max-width: 990px) {
    .podminky ul{
        color:black;
        font-size:3vw;
    
    }
    .podminky{
        z-index:-1;
    }
    
    .podminky H1,H2{
        text-align: center;
        font-size:4vw;
        margin-top:5%;
    }


    .table{
        display:grid;
        text-align: center;
        position:relative;
        font-size:3vw;
        color:black;
        display: grid;
        grid-template-columns: 35% auto auto;
        grid-gap: 2px;
        background-color: black;
        padding: 5px;
        border-radius: 10px;
    }
    
    .table,.table2 > div {
        border: 1px solid black;
        text-align: center;
      }
    
      .table2{
        display:grid;
        text-align: center;
        position:relative;
        font-size:3vw;
        color:black;
        display: grid;
        grid-template-columns: 30% auto auto auto;
        grid-gap: 2px;
        background-color: black;
        padding: 5px;
        border-radius: 10px;
    }
    
    .table > div {
        border: 1px solid black;
        text-align: center;
      }
    
    .grid-item-1{
        font-weight:bold;
        background-color: #FFF;
    }
    .grid-item-2, .grid-item-4{
        background-color: #4AAD52;
    }
    
    .grid-item-3{
        background-color: #FFF;
    }
    
}