@media only screen and (max-width: 1366px) {
    .table-header {
        font-size: calc(0.5rem + 0.732vw) !important;
    }
    .table-content {
        font-size: calc(0.5rem + 0.732vw) !important;
    }
    .sort-button {
        font-size: calc(0.1rem + 0.75vw) !important;
    }
    .sort-button i {
        margin-bottom: -0.5em;
        margin-top: -0.5em;
    }
}
@media only screen and (max-width: 640px) {
    .table-header {
        font-size: 0.9rem !important;
    }
    .table-content {
        font-size: 0.9rem !important;
    }
    .sort-button {
        font-size: 0.8rem !important;
    }
    .sort-button i {
        margin-bottom: -0.4rem;
        margin-top: -0.4rem;
    }
}

/* Stack tabs on top of each other for smaller sizes*/
@media only screen and (max-width: 640px) {
    .nav .nav-tabs {
        flex-wrap: wrap;
    }
    .nav-tabs .nav-item .nav-link {
        min-width: 320px;
        border-radius: 0;
        border-top: solid var(--tab-border-width) var(--tab-border-color) !important;
        border-left: 0;
        border-right:0;
    }
    .nav-tabs .nav-item .active.nav-link {
        border-left: 0 !important;
        border-right:0 !important;
    }
}