.flex-body {
    height: 100%;
    min-height: 100%;

    display: flex;
    flex-direction: column;

}

.img-container {
    max-width:100%;
    max-height:100%;
    height: auto;
}

.page-container {
    flex: 1;
}

.side-img img {
    display: block;
    max-width: 200px;
    margin: 2rem auto;
}

.black-listed,
.black-listed td {
    border: 4px solid red;
    
}

.tc-min {
    min-width: 200px;
}

.title-pad {
    padding: 1rem 0;
}


@media (min-width: 1130px) {

    .page-spacing {
        padding: 0.5rem;
        padding-top: 1rem;
    }

    .navigation-placeholder {
        min-height: calc(var(--navigation-height) + 20px);
    }

}

@media (max-width: 1130px) {

    .page-spacing {
        padding: 0.5rem;
        padding-top: 1rem;
    }

    .navigation-placeholder {
        min-height: calc(var(--navigation-height) + 20px);
    }

}