@media only screen and (max-width: 1024px)
{
    body{
        font-size: 2em;
    }
    
    #plocha{
        width: 100%;
        height: auto;
    }
    
    #plocha img{
        height: auto;
    }
    
    nav{
        width: 100%;
        position: sticky;
    }
    
    nav a{
        width: 40%;      
        height: 36px;
    
    font-size: 36px;
    
    padding: 15px;
    border-radius: 48px;
    
    margin: 18px;
    }
    
    #container{
        width: 100%;
    }
    
    #kolo{
        width: 100%;
    }
    
    main{
        max-width: 100%;
        word-wrap: break-word;
        padding: 18px;
    }
    
    .table_no{
        width: 100px;
    }
    
    .table_name{
        width: 380px;
    }
    
    .table_sum{
        width: 110px;
    }
    
    .table_event {
    min-width: 85px;
    }
    
    .table_event2 {
    width: 350px;
    }
}