#carpark-table>tbody>tr:hover {
    background-color: rgb(100, 100, 100, 0.5);
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

@media screen and (max-width: 959px) {
    div.brand-logo {
        font-size: 1.5rem;
    }
    table {
        font-size: 0.8rem;
    }
}

@media screen and (max-width: 540px) {
    #header-logo {
        font-size: 1rem;
    }
    .container {
        width: unset;
    }
    #carpark-table {
        font-size: 0.66rem;
    }
    #carpark-table th {
        padding: 10px 10px;
    }
    #carpark-table td {
        padding: 8px 2px;
    }
    .dataTables_paginate a {
        font-size: 0.8rem;
        padding: 0 8px;
    }
}