.form-vertical {
    margin-bottom: 1rem;
}

.tables {
    float: left;
}

@media screen and (min-width: 0px) {
    th.termin, td.termin,
    th.miejsce, td.miejsce,
    th.organizator, td.organizator,
    th.szczegoly, td.szczegoly {
        display: none;
    }
    div.termin,
    div.miejsce,
    div.organizator,
    div.szczegoly {
        display: block;
    }
    th.toggleable, td.toggleable {
        display: table-cell;
    }
}

@media screen and (min-width: 640px) {
    .dataTables_wrapper {
        margin-top: -100px;
    }
}

@media screen and (min-width: 760px) {
    th.termin, td.termin,
    th.miejsce, td.miejsce {
        display: table-cell;
    }
    div.termin,
    div.miejsce {
        display: none;
    }
}

@media screen and (min-width: 840px) {
    th.organizator, td.organizator,
    th.szczegoly, td.szczegoly {
        display: table-cell;
    }
    div.organizator,
    div.szczegoly {
        display: none;
    }
    th.toggleable, td.toggleable {
        display: none;
    }
}