@media screen {
    body {
        background: url("https://media.maxs.com/logos/Maxs-menu_paperBG.webp") repeat-y;
        background-size: 100%;
    }
}
@media print {
    @page  {
        size: letter portrait;
    }
    html {
        filter: grayscale(100%);
    }
}
:root {
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
header {
    display: grid;
    grid-template-columns: repeat( 20, 1fr );
    grid-template-rows: 8rem;
    margin: auto auto 1rem;
    align-items: center;
    justify-items: center;
}
#header-img {
    grid-area: 1 / 2 / 2 / 4;
    height: 100%;
}
#maxs-logo {
    max-height: 100%;
}
#list-title {
    grid-area: 1 / 5 / 2 / 17;
    text-align: center;
    width: 100%;
}
.dollar-sign::before {
    content: '\0024\00A0'
}
.dataTables_info,
.dataTables_filter {
    display: none !important;
}
@media screen and ( orientation: portrait ) {
    header{
        grid-template-rows: repeat( 2, 8rem );
    }
    h1 {
        font-size: 2rem !important;
    }
    #header-img {
        grid-area: 1 / 1 / 1 / 21;
        height: 100%;
        /*display: none !important;*/
    }
    #list-title {
        grid-area: 2 / 1 / 3 / 21;
    }
    .origin {
        display: none;
    }
}
@media screen and ( max-width: 999px ) and ( orientation: landscape ) {
    #list-title {
        grid-area: 1 / 7 / 2 / 19;
    }
}