/* #region Font Family */

@font-face {
    font-family: "Century";
    src: url('../assets/fonts/CenturyOldStyle/CenturyOldStyleStd-Regular.woff') format('woff');
}

@font-face {
    font-family: "Graphik";
    src: url('../assets/fonts/GraphikFamily/Graphik-Regular-Trial.otf') format('opentype');
}

/* #endregion */

/* #region */

/* #endregion */

/* #region Reset */

* {
    margin: 0;
    padding: 0;
}

input {
    margin: 0;
    border: 0;
    padding: 0;
}

/* #endregion */

/* #region Header main */

#header_container {
    background-color: #f8f9fa;
    height: 11.00811124vh;
    width: 100%;
    position: relative;
}

/* #endregion */

/* #region Header Title Text */

.textTitle {
    position: absolute;
    z-index: 200;
    color: #3c3c3c;
    left: 50%;
    top: 38%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    font-family: 'Century';
    text-align: center;
    white-space: nowrap;
}

.textSubTitle {
    position: absolute;
    z-index: 200;
    color: #893f1e;
    left: 50%;
    top: 62%;
    transform: translate(-50%, -50%);
    font-size: 1.2rem;
    font-family: 'Graphik';
    text-align: center;
    white-space: nowrap;
}

/* #endregion */

/* #region Header Buttons */

#backbutton {
    position: absolute;
    left: 20%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 0px;
    background-color: rgba(255, 0, 0, 0);
    color: #564f4b;
    padding: 0 0 0 0;
    z-index: 100;
    opacity: 1;
}

#backbutton svg {
    height: 2.5rem;
}

#backbutton p {
    font-family: 'Graphik';
    font-size: 0.7rem;
}

#backbutton:hover {
    /* opacity:.3; */
    color: #893f1e;
    cursor: pointer;
}

#download_pdf {
    position: absolute;
    left: 80%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 0px;
    background-color: rgba(255, 0, 0, 0);
    color: #564f4b;
    padding: 0 0 0 0;
    z-index: 100;
    opacity: 1;
}

#download_pdf svg {
    height: 2.5rem;
}

#download_pdf:hover {
    /* opacity:.3; */
    color: #893f1e;
    cursor: pointer;
}

/* #endregion */

/* #region Body main */

#body_container {
    height: 77.9837752vh;
    width: 100%;
    position: relative;
}

.stackedText {
    display: block;
    position: absolute;
    pointer-events: none;
    background-color: (0, 0, 0, 0);
    left: 50%;
    top: 0;
    transform: translate(-50%);
    color: #893f1e;
    font-family: 'Graphik';
    font-size: 2.5rem;
    height: 100%;
    width: 100%;
    z-index: 1000;
}

.stackedText div {
    position: relative;
    pointer-events: auto;
    background-color: whitesmoke;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    text-align: center;
    line-height: 200px;
    transform: translate(-50%, -50%);
}

.stackedText div:hover {
    cursor: pointer;
    background-color: rgba(245, 245, 245, 0.274);
}

/* #endregion */

/* #region Body image information */

.floorplan-top {
    height: inherit;
    width: 100%;
    background-color: white;
}

.floorplan-top div {
    height: auto;
    width: 100%;
    background-color: white;
}

.floorplan-top img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin: auto;
}

/* #endregion */

/* #region footer main */

#footer_container {
    height: 11.00811124vh;
    width: 100%;
    position: relative;
    display: block;
    background-color: #FFF;
}

/* #endregion */

/* #region footer Base Button Container */

.basebar_button_container_main {
    line-height: 11.00811124vh;
    height: auto;
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.basebar_button_container:not(:last-child)::after {
    content: " ";
    display: inline-flex;
    width: 1px;
    height: 90%;
    /* background-image: url('../assets/icons/svg/Vertical_Line.svg'); */
    /* background-size: 100% 90%; */
    /* z-index: 300; */
    pointer-events: none;
    position: relative;
    background-color: #b9b9b9;
    left: 50%;
    transform: translate(50%);
}

.basebar_button_container {
    height: 11.00811124vh;
    width: 10.5%;
    position: relative;
    margin: 0px;
    text-align: center;
    opacity: 1;
    color: #5a5a5a !important;
    white-space: 'nowrap';
}

.basebar_button_container:hover {
    cursor: pointer;
    color: #893f1e !important;
}

.basebar_button_active {
    color: #893f1e !important;
}

.basebar_button_container p {
    margin: 0px;
    position: absolute;
    font-size: 1rem;
    line-height: 1rem;
    font-family: "Graphik";
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
}

.basebar_button_container svg {
    height: 3rem;
    position: absolute;
    top: 2.5vh;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
}

.basebar_num_override {
    top: 60% !important;
}

.basebar_text_override {
    top: 75% !important;
}

.basebar_image_override {
    height: 3.5rem !important;
    position: absolute !important;
    left: 50% !important;
    top: 30% !important;
    transform: translate(-50%, -30%) !important;
}

/* #endregion */

/* #region Utilities */

#exhibitionOverlay {
    font-family: arial;
    background: white;
    width: auto;
    position: absolute;
    top: 1%;
    left: 50%;
    transform: translate(-50%, -1%);
    z-index: 1000;
    text-align: center;
    padding: 10px;
    font-size: 0.9rem;
}

#exhibitionOverlay:hover {
    color: #893f1e;
    cursor: pointer;
}

#exhibitionOverlay p {
    width: fit-content;
    position: relative;
    left: 50%;
    transform: translate(-50%);
}

#capacityChartTable {
    position: absolute;
    z-index: 2000;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Graphik';
    width: 90%;
}

#capacityChartTable table {
    border-collapse: collapse;
    width: auto;
    text-align: center;
    position: relative;
    left: 50%;
    transform: translate(-50%);
}

#capacityChartTable th {
    height: 3.5rem;
    width: auto;
    background-color: #f8f9fa;
    color: #893f1e;
    font-weight: 100;
    font-size: 1.2rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    white-space: nowrap;
}

#capacityChartTable td {
    height: 2.5rem;
    font-size: 1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    white-space: nowrap;
}

#capacityChartTable td:hover {
    cursor: pointer;
    color: #893f1e;
}

#capacityChartTable .nopointer:hover {
    cursor: auto;
    color: black;
}

#capacityChartTable th:nth-child(1) {
    width: 12rem;
}

#capacityChartTable tr:nth-child(even) {
    background-color: #ffffff;
}

#capacityChartTable tr:nth-child(odd) {
    background-color: #f8f9fa;
}

/* CAPACITY CHART SLIDE */

#CapacityCartSlide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 1.5rem;
    justify-content: center;
}

#CapacityCartSlide svg {
    height: 1rem;
    width: 1rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #5a5a5a;
}

#CapacityCartSlide svg:hover {
    color: #893f1e;
}

.selected {
    pointer-events: none !important;
    cursor: none !important;
    color: #893f1e !important;
}

.morePages {
    pointer-events: auto !important;
    cursor: pointer !important;
}

#CapacityChartSlide span.morePages {
    pointer-events: auto !important;
    cursor: pointer !important;
}

#CapacityCartSlide span {
    width: 2rem;
    height: 2rem;
    position: relative;
    margin-right: 1rem;
    background-color: #f8f9fa;
    /* background-color: #929292; */
    border-radius: 2rem;
}

#CapacityCartSlide div span {
    width: 2rem;
    height: 2rem;
    position: relative;
    margin-right: 1rem;
    background-color: #f8f9fa;
    /* background-color: #929292; */
    border-radius: 2rem;
}

#CapacityCartSlide span:hover {
    color: #893f1e;
    cursor: pointer;
}

#CapacityCartSlide p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: auto;
}

/* #CapacityCartSlide p:hover {
    color: #893f1e;
} */

#CapacityCartSlide span.current {
    color: #893f1e;
}

/* TABLE */

.tableDeactivate-select {
    pointer-events: none;
    color: rgb(230, 230, 230);
}

.tableDeactivate-number {
    pointer-events: none;
    color: rgb(230, 230, 230);
}

/* FILTER */

.filterRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 3rem;
    justify-content: center;
}

.filterRow-items {
    width: auto;
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    text-align: center;
    font-family: arial;
    color: #888888;
}

.filterRow input {
    border: 0.0625rem solid #ced4da;
    line-height: 2rem;
    height: calc(2rem - 0.124rem);
    color: #888888;
    padding-left: 1rem;
    width: 6.25rem;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-appearance: none;
    border-radius: 0;
}

.filterRow input.nullNumber {
    background-image: url(../assets/icons/svg/input_cross.svg);
    background-repeat: no-repeat;
    background-position: 90%, 50%;
    background-size: 10%;
}

.filterRow select:not([multiple]) {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-appearance: none;
    border-radius: 0;
    background-image: url(../assets/icons/svg/dropdown.svg);
    background-repeat: no-repeat;
    background-position: 90%, 50%;
    background-size: 10%;
    min-width: 7.5rem;
    min-height: 2rem;
    text-align: center;
    padding-left: 1rem;
    color: #888888;
    border: 0.0625rem solid #ced4da;
    text-align: left;
    line-height: calc(2rem - 0.124rem);
}

/*For IE10+*/

.filterRow select::-ms-expand {
    display: none;
}

.filterRow input[type=string]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.filterRow input[type=string]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

/* end */

.filterRow button {
    background-color: #f8f9fa;
    border-width: 0;
    min-width: 7.5rem;
    min-height: 2rem;
    text-align: center;
    color: #888888;
}

.filterRow button:hover {
    cursor: pointer;
    background-color: #888888;
    color: #f8f9fa;
}

.filterRow button:active {
    cursor: pointer;
    background-color: #f8f9fa;
    color: #888888;
}

#fade {
    height: 100%;
    width: 100%;
    background-color: white;
    opacity: 1;
    z-index: 9999;
}

#fade_main {
    height: 100%;
    width: 100%;
    background-color: white;
    opacity: 0;
    z-index: 9999;
}

#circle {
    position: absolute;
    left: 37.25%;
    transform: translate(-50%, -50%);
    top: 85%;
    height: 10rem;
    width: 10rem;
    z-index: 900;
    border-radius: 50%;
    display: inline-block;
    background-color: rgb(63, 63, 63);
    color: white;
}

#circle:hover {
    background-color: rgb(238, 238, 238);
    color: #893f1e;
    cursor: pointer;
}

#circle:active {
    background-color: rgb(63, 63, 63);
    color: white;
}

#circle p {
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.25rem;
    font-family: 'Graphik';
}

area:hover {
    cursor: pointer;
}

#ex10Check {
    display: block;
    height: 100%;
    width: 100%;
    background-color: rgb(0, 0, 0, 0);
    position: absolute;
    z-index: 999999;
}

/* Loading Images */

#loading {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(20, 20, 20, 0);
    z-index: 99999999999999999999;
    text-align: center;
    font-family: 'Graphik';
    display: none;
}

#loading h1 {
    color: black;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#loading div {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #893f1e;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 0.6s linear infinite;
    /* Safari */
    animation: spin 0.6s linear infinite;
}

/* Safari */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* #endregion */

/* =============================================== */

/* #region Media Queries */

/* #region Desktop */

/* #region min width */

@media all and (min-width: 1346px) and (orientation: landscape) and (min-aspect-ratio:1452/1208) {
    /* #region Header Title Text */
    .textTitle {
        position: absolute;
        z-index: 200;
        color: #3c3c3c;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        font-size: 1.5rem;
        font-family: 'Century';
    }
    .textSubTitle {
        position: absolute;
        z-index: 200;
        color: #893f1e;
        left: 50%;
        top: 65%;
        transform: translate(-50%, -50%);
        font-size: 0.9rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region Header Buttons */
    #backbutton svg {
        height: 2rem;
    }
    #backbutton p {
        font-family: 'Graphik';
        font-size: 0.7rem;
    }
    #download_pdf svg {
        height: 2.5rem;
    }
    /* #endregion */
    /* #region Body main */
    .stackedText {
        display: block;
        position: absolute;
        pointer-events: none;
        background-color: (0, 0, 0, 0);
        left: 50%;
        top: 0;
        transform: translate(-50%);
        color: #893f1e;
        font-family: 'Graphik';
        font-size: 1.5rem;
        height: 100%;
        width: 100%;
        z-index: 1000;
    }
    .stackedText div {
        position: relative;
        pointer-events: auto;
        background-color: whitesmoke;
        width: 130px;
        height: 130px;
        border-radius: 50%;
        text-align: center;
        line-height: 130px;
        transform: translate(-50%, -50%);
    }
    .stackedText div:hover {
        cursor: pointer;
        background-color: rgba(245, 245, 245, 0.274);
    }
    .stackedTextOverride {
        line-height: 1.5rem;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    /* #endregion */
    /* #region footer main */
    #footer_container {
        height: 11.00811124vh;
        width: 100%;
        position: relative;
        display: block;
        background-color: #FFF;
    }
    /* #endregion */
    /* #region footer Base Button Container */
    .basebar_button_container_main {
        line-height: 11.00811124vh;
        height: auto;
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .basebar_button_container {
        height: 11.00811124vh;
        /* width: 102px; */
        position: relative;
        margin: 0px;
        text-align: center;
        opacity: 1;
        color: #5a5a5a !important;
        white-space: 'nowrap';
    }
    .basebar_button_container:hover {
        cursor: pointer;
        color: #893f1e !important;
    }
    .basebar_button_active {
        color: #893f1e !important;
    }
    .basebar_button_container p {
        margin: 0px;
        position: absolute;
        font-size: 0.8rem;
        line-height: 0.8rem;
        font-family: "Graphik";
        left: 50%;
        top: 55%;
        transform: translate(-50%, -50%);
    }
    .basebar_button_container svg {
        height: 1.9rem;
        position: absolute;
        top: 2.5vh;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%);
    }
    .basebar_num_override {
        top: 58% !important;
    }
    .basebar_text_override {
        top: 75% !important;
    }
    .basebar_image_override {
        height: 2rem !important;
        position: absolute !important;
        left: 50% !important;
        top: 30% !important;
        transform: translate(-50%, -30%) !important;
    }
    /* #endregion */
    /* #region Utilities */
    #capacityChartTable th:nth-child(1) {
        width: 9rem;
    }
    #capacityChartTable th {
        height: 2.5rem;
        font-weight: 100;
        font-size: 0.9rem;
    }
    #capacityChartTable td {
        height: 1.7rem;
        font-size: 0.8rem;
    }
    #circle {
        position: absolute;
        left: 37.25%;
        transform: translate(-50%, -50%);
        top: 85%;
        height: 6.5rem;
        width: 6.5rem;
        z-index: 9999;
        border-radius: 50%;
        display: inline-block;
        background-color: rgb(63, 63, 63);
        color: white;
    }
    #circle p {
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.8rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region SPECIAL */
    #special_image_parent {
        padding-top: 0 !important;
    }
    /* #endregion SPECIAL */
}

@media all and (min-width: 1346px) and (orientation: landscape) and (max-aspect-ratio:1452/1208) and (min-aspect-ratio:1/1) {
    /* #region Header Title Text */
    .textTitle {
        position: absolute;
        z-index: 200;
        color: #3c3c3c;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        font-size: 1.5rem;
        font-family: 'Century';
    }
    .textSubTitle {
        position: absolute;
        z-index: 200;
        color: #893f1e;
        left: 50%;
        top: 65%;
        transform: translate(-50%, -50%);
        font-size: 0.9rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region Header Buttons */
    #backbutton svg {
        height: 2rem;
    }
    #backbutton p {
        font-family: 'Graphik';
        font-size: 0.7rem;
    }
    #download_pdf svg {
        height: 2.5rem;
    }
    /* #endregion */
    /* #region Body main */
    .stackedText {
        display: block;
        position: absolute;
        pointer-events: none;
        background-color: (0, 0, 0, 0);
        left: 50%;
        top: 0;
        transform: translate(-50%);
        color: #893f1e;
        font-family: 'Graphik';
        font-size: 1.5rem;
        height: 100%;
        width: 100%;
        z-index: 1000;
    }
    .stackedText div {
        position: relative;
        pointer-events: auto;
        background-color: whitesmoke;
        width: 130px;
        height: 130px;
        border-radius: 50%;
        text-align: center;
        line-height: 130px;
        transform: translate(-50%, -50%);
    }
    .stackedText div:hover {
        cursor: pointer;
        background-color: rgba(245, 245, 245, 0.274);
    }
    .stackedTextOverride {
        line-height: 1.5rem;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    /* #endregion */
    /* #region footer main */
    #footer_container {
        height: 11.00811124vh;
        width: 100%;
        position: relative;
        display: block;
        background-color: #FFF;
    }
    /* #endregion */
    /* #region footer Base Button Container */
    .basebar_button_container_main {
        line-height: 11.00811124vh;
        height: auto;
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .basebar_button_container {
        height: 11.00811124vh;
        /* width: 102px; */
        position: relative;
        margin: 0px;
        text-align: center;
        opacity: 1;
        color: #5a5a5a !important;
        white-space: 'nowrap';
    }
    .basebar_button_container:hover {
        cursor: pointer;
        color: #893f1e !important;
    }
    .basebar_button_active {
        color: #893f1e !important;
    }
    .basebar_button_container p {
        margin: 0px;
        position: absolute;
        font-size: 0.8rem;
        line-height: 0.8rem;
        font-family: "Graphik";
        left: 50%;
        top: 55%;
        transform: translate(-50%, -50%);
    }
    .basebar_button_container svg {
        height: 1.9rem;
        position: absolute;
        top: 2.5vh;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%);
    }
    .basebar_num_override {
        top: 58% !important;
    }
    .basebar_text_override {
        top: 75% !important;
    }
    .basebar_image_override {
        height: 2rem !important;
        position: absolute !important;
        left: 50% !important;
        top: 30% !important;
        transform: translate(-50%, -30%) !important;
    }
    /* #endregion */
    /* #region Utilities */
    #capacityChartTable th:nth-child(1) {
        width: 9rem;
    }
    #capacityChartTable th {
        height: 2.5rem;
        font-weight: 100;
        font-size: 0.9rem;
    }
    #capacityChartTable td {
        height: 1.7rem;
        font-size: 0.8rem;
    }
    #capacityChartTable th {
        height: 2.5rem;
        font-weight: 100;
        font-size: 1.1rem;
    }
    #capacityChartTable td {
        height: 1.7rem;
        font-size: 0.9rem;
    }
    #circle {
        position: absolute;
        left: 37.25%;
        transform: translate(-50%, -50%);
        top: 85%;
        height: 6.5rem;
        width: 6.5rem;
        z-index: 9999;
        border-radius: 50%;
        display: inline-block;
        background-color: rgb(63, 63, 63);
        color: white;
    }
    #circle p {
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.8rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region SPECIAL */
    #special_image_parent {
        padding-top: 65.7% !important;
    }
    #body_container {
        height: auto !important;
    }
    /* #endregion SPECIAL */
}

@media all and (min-width: 1346px) and (orientation: portrait) {
    /* #region Header Title Text */
    .textTitle {
        position: absolute;
        z-index: 200;
        color: #3c3c3c;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        font-size: 1.5rem;
        font-family: 'Century';
    }
    .textSubTitle {
        position: absolute;
        z-index: 200;
        color: #893f1e;
        left: 50%;
        top: 65%;
        transform: translate(-50%, -50%);
        font-size: 0.9rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region Header Buttons */
    #backbutton svg {
        height: 2rem;
    }
    #backbutton p {
        font-family: 'Graphik';
        font-size: 0.7rem;
    }
    #download_pdf svg {
        height: 2.5rem;
    }
    /* #endregion */
    /* #region Body main */
    .stackedText {
        display: block;
        position: absolute;
        pointer-events: none;
        background-color: (0, 0, 0, 0);
        left: 50%;
        top: 0;
        transform: translate(-50%);
        color: #893f1e;
        font-family: 'Graphik';
        font-size: 1.5rem;
        height: 100%;
        width: 100%;
        z-index: 1000;
    }
    .stackedText div {
        position: relative;
        pointer-events: auto;
        background-color: whitesmoke;
        width: 130px;
        height: 130px;
        border-radius: 50%;
        text-align: center;
        line-height: 130px;
        transform: translate(-50%, -50%);
    }
    .stackedText div:hover {
        cursor: pointer;
        background-color: rgba(245, 245, 245, 0.274);
    }
    .stackedTextOverride {
        line-height: 1.5rem;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    /* #endregion */
    /* #region footer main */
    #footer_container {
        height: 11.00811124vh;
        width: 100%;
        position: relative;
        display: block;
        background-color: #FFF;
    }
    /* #endregion */
    /* #region footer Base Button Container */
    .basebar_button_container_main {
        line-height: 11.00811124vh;
        height: auto;
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .basebar_button_container {
        height: 11.00811124vh;
        /* width: 102px; */
        position: relative;
        margin: 0px;
        text-align: center;
        opacity: 1;
        color: #5a5a5a !important;
        white-space: 'nowrap';
    }
    .basebar_button_container:hover {
        cursor: pointer;
        color: #893f1e !important;
    }
    .basebar_button_active {
        color: #893f1e !important;
    }
    .basebar_button_container p {
        margin: 0px;
        position: absolute;
        font-size: 0.8rem;
        line-height: 0.8rem;
        font-family: "Graphik";
        left: 50%;
        top: 55%;
        transform: translate(-50%, -50%);
    }
    .basebar_button_container svg {
        height: 1.9rem;
        position: absolute;
        top: 2.5vh;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%);
    }
    .basebar_num_override {
        top: 58% !important;
    }
    .basebar_text_override {
        top: 75% !important;
    }
    .basebar_image_override {
        height: 2rem !important;
        position: absolute !important;
        left: 50% !important;
        top: 30% !important;
        transform: translate(-50%, -30%) !important;
    }
    /* #endregion */
    /* #region Utilities */
    #capacityChartTable th:nth-child(1) {
        width: 9rem;
    }
    #capacityChartTable th {
        height: 2.5rem;
        font-weight: 100;
        font-size: 0.9rem;
    }
    #capacityChartTable td {
        height: 1.7rem;
        font-size: 0.8rem;
    }
    #circle {
        position: absolute;
        left: 37.25%;
        transform: translate(-50%, -50%);
        top: 85%;
        height: 6.5rem;
        width: 6.5rem;
        z-index: 9999;
        border-radius: 50%;
        display: inline-block;
        background-color: rgb(63, 63, 63);
        color: white;
    }
    #circle p {
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.8rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region SPECIAL */
    #special_image_parent {
        padding-top: 65.7% !important;
    }
    #body_container {
        height: auto !important;
    }
    #footer_container_width {
        width: 100% !important;
    }
    #header_container_width {
        width: 100% !important;
    }
    /* #endregion SPECIAL */
}

/* #endregion 1346 */

/* #region max width */

@media all and (max-width: 1345px) and (orientation: portrait) {
    /* #region Header Title Text */
    .textTitle {
        position: absolute;
        z-index: 200;
        color: #3c3c3c;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        font-size: 1.5rem;
        font-family: 'Century';
    }
    .textSubTitle {
        position: absolute;
        z-index: 200;
        color: #893f1e;
        left: 50%;
        top: 65%;
        transform: translate(-50%, -50%);
        font-size: 0.9rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region Header Buttons */
    #backbutton svg {
        height: 2rem;
    }
    #backbutton p {
        font-family: 'Graphik';
        font-size: 0.7rem;
    }
    #download_pdf svg {
        height: 2.5rem;
    }
    /* #endregion */
    /* #region Body main */
    .stackedText {
        display: block;
        position: absolute;
        pointer-events: none;
        background-color: (0, 0, 0, 0);
        left: 50%;
        top: 0;
        transform: translate(-50%);
        color: #893f1e;
        font-family: 'Graphik';
        font-size: 1.95rem;
        height: 100%;
        width: 100%;
        z-index: 1000;
    }
    .stackedText div {
        position: relative;
        pointer-events: auto;
        background-color: whitesmoke;
        width: 160px;
        height: 160px;
        border-radius: 50%;
        text-align: center;
        line-height: 160px;
        transform: translate(-50%, -50%);
    }
    .stackedText div:hover {
        cursor: pointer;
        background-color: rgba(245, 245, 245, 0.274);
    }
    .stackedTextOverride {
        line-height: 1.5rem;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    /* #endregion */
    /* #region footer main */
    #footer_container {
        height: 11.00811124vh;
        width: 100%;
        position: relative;
        display: block;
        background-color: #FFF;
    }
    /* #endregion */
    /* #region footer Base Button Container */
    .basebar_button_container_main {
        line-height: 11.00811124vh;
        height: auto;
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .basebar_button_container {
        height: 11.00811124vh;
        /* width: 102px; */
        position: relative;
        margin: 0px;
        text-align: center;
        opacity: 1;
        color: #5a5a5a !important;
        white-space: 'nowrap';
    }
    .basebar_button_container:hover {
        cursor: pointer;
        color: #893f1e !important;
    }
    .basebar_button_active {
        color: #893f1e !important;
    }
    .basebar_button_container p {
        margin: 0px;
        position: absolute;
        font-size: 0.8rem;
        line-height: 0.8rem;
        font-family: "Graphik";
        left: 50%;
        top: 55%;
        transform: translate(-50%, -50%);
    }
    .basebar_button_container svg {
        height: 1.9rem;
        position: absolute;
        top: 2.5vh;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%);
    }
    .basebar_num_override {
        top: 58% !important;
    }
    .basebar_text_override {
        top: 75% !important;
    }
    .basebar_image_override {
        height: 2rem !important;
        position: absolute !important;
        left: 50% !important;
        top: 30% !important;
        transform: translate(-50%, -30%) !important;
    }
    /* #endregion */
    /* #region Utilities */
    #exhibitionOverlay {
        font-size: 0.7rem;
    }
    #capacityChartTable th:nth-child(1) {
        width: 9rem;
    }
    #capacityChartTable th {
        height: 2.5rem;
        font-weight: 100;
        font-size: 0.9rem;
    }
    #capacityChartTable td {
        height: 1.7rem;
        font-size: 0.8rem;
    }
    #circle {
        position: absolute;
        left: 37.25%;
        transform: translate(-50%, -50%);
        top: 85%;
        height: 6.5rem;
        width: 6.5rem;
        z-index: 9999;
        border-radius: 50%;
        display: inline-block;
        background-color: rgb(63, 63, 63);
        color: white;
    }
    #circle p {
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.8rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region SPECIAL */
    #special_image_parent {
        padding-top: 65.7% !important;
    }
    #body_container {
        height: auto !important;
    }
    #footer_container_width {
        width: 100% !important;
    }
    #header_container_width {
        width: 100% !important;
    }
    /* #endregion SPECIAL */
}

@media all and (max-width: 920px) and (orientation: portrait) {
    /* #region Header Title Text */
    .textTitle {
        position: absolute;
        z-index: 200;
        color: #3c3c3c;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        font-size: 1.5rem;
        font-family: 'Century';
    }
    .textSubTitle {
        position: absolute;
        z-index: 200;
        color: #893f1e;
        left: 50%;
        top: 69;
        transform: translate(-50%, -50%);
        font-size: 0.85rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region Header Buttons */
    #backbutton svg {
        height: 1.5rem;
    }
    #backbutton p {
        font-family: 'Graphik';
        font-size: 0.7rem;
    }
    #download_pdf svg {
        height: 2rem;
    }
    /* #endregion */
    /* #region Body main */
    .stackedText {
        display: block;
        position: absolute;
        pointer-events: none;
        background-color: (0, 0, 0, 0);
        left: 50%;
        top: 0;
        transform: translate(-50%);
        color: #893f1e;
        font-family: 'Graphik';
        font-size: 1rem;
        height: 100%;
        width: 100%;
        z-index: 1000;
    }
    .stackedText div {
        position: relative;
        pointer-events: auto;
        background-color: whitesmoke;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        text-align: center;
        line-height: 100px;
        transform: translate(-50%, -50%);
    }
    .stackedText div:hover {
        cursor: pointer;
        background-color: rgba(245, 245, 245, 0.274);
    }
    .stackedTextOverride {
        line-height: 1rem;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    /* #endregion */
    /* #region footer main */
    #footer_container {
        height: 11.00811124vh;
        width: 100%;
        position: relative;
        display: block;
        background-color: #FFF;
    }
    /* #endregion */
    /* #region footer Base Button Container */
    .basebar_button_container_main {
        line-height: 11.00811124vh;
        height: auto;
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .basebar_button_container {
        height: 11.00811124vh;
        /* width: 83px; */
        position: relative;
        margin: 0px;
        text-align: center;
        opacity: 1;
        color: #5a5a5a !important;
        white-space: 'nowrap';
    }
    .basebar_button_container:hover {
        cursor: pointer;
        color: #893f1e !important;
    }
    .basebar_button_active {
        color: #893f1e !important;
    }
    .basebar_button_container p {
        margin: 0px;
        position: absolute;
        font-size: 0.68rem;
        line-height: 0.68rem;
        font-family: "Graphik";
        left: 50%;
        top: 55%;
        transform: translate(-50%, -50%);
    }
    .basebar_button_container svg {
        height: 1.5rem;
        position: absolute;
        top: 2.5vh;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%);
    }
    .basebar_num_override {
        top: 58% !important;
    }
    .basebar_text_override {
        top: 75% !important;
    }
    .basebar_image_override {
        height: 1.7rem !important;
        position: absolute !important;
        left: 50% !important;
        top: 30% !important;
        transform: translate(-50%, -30%) !important;
    }
    /* #endregion */
    /* #region Utilities */
    #exhibitionOverlay {
        font-size: 0.6rem;
    }
    #capacityChartTable th:nth-child(1) {
        width: 7rem;
    }
    #capacityChartTable th {
        height: 2rem;
        font-weight: 100;
        font-size: 0.7rem;
    }
    #capacityChartTable td {
        height: 1.3rem;
        font-size: 0.7rem;
    }
    #capacityChartTable th:nth-child(1) {
        width: 8rem;
    }
    #circle {
        position: absolute;
        left: 37.25%;
        transform: translate(-50%, -50%);
        top: 85%;
        height: 5.5rem;
        width: 5.5rem;
        z-index: 9999;
        border-radius: 50%;
        display: inline-block;
        background-color: rgb(63, 63, 63);
        color: white;
    }
    #circle p {
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.7rem;
        font-family: 'Graphik';
    }
    /* #endregion */
}

@media all and (max-width: 750px) and (orientation: portrait) {
    /* #region Header Title Text */
    .textTitle {
        position: absolute;
        z-index: 200;
        color: #3c3c3c;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        font-size: 1.5rem;
        font-family: 'Century';
    }
    .textSubTitle {
        position: absolute;
        z-index: 200;
        color: #893f1e;
        left: 50%;
        top: 65%;
        transform: translate(-50%, -50%);
        font-size: 0.9rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region Header Buttons */
    #backbutton svg {
        height: 1.2rem;
    }
    #backbutton p {
        font-family: 'Graphik';
        font-size: 0.7rem;
    }
    #download_pdf svg {
        height: 1.5rem;
    }
    /* #endregion */
    /* #region Body main */
    .stackedText {
        display: block;
        position: absolute;
        pointer-events: none;
        background-color: (0, 0, 0, 0);
        left: 50%;
        top: 0;
        transform: translate(-50%);
        color: #893f1e;
        font-family: 'Graphik';
        font-size: 1rem;
        height: 100%;
        width: 100%;
        z-index: 1000;
    }
    .stackedText div {
        position: relative;
        pointer-events: auto;
        background-color: whitesmoke;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        text-align: center;
        line-height: 80px;
        transform: translate(-50%, -50%);
    }
    .stackedText div:hover {
        cursor: pointer;
        background-color: rgba(245, 245, 245, 0.274);
    }
    .stackedTextOverride {
        line-height: 1rem;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    /* #endregion */
    /* #region footer main */
    #footer_container {
        height: 11.00811124vh;
        width: 100%;
        position: relative;
        display: block;
        background-color: #FFF;
    }
    /* #endregion */
    /* #region footer Base Button Container */
    .basebar_button_container_main {
        line-height: 11.00811124vh;
        height: auto;
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .basebar_button_container {
        height: 11.00811124vh;
        /* width: 61px; */
        position: relative;
        margin: 0px;
        text-align: center;
        opacity: 1;
        color: #5a5a5a !important;
        white-space: 'nowrap';
    }
    .basebar_button_container:hover {
        cursor: pointer;
        color: #893f1e !important;
    }
    .basebar_button_active {
        color: #893f1e !important;
    }
    .basebar_button_container p {
        margin: 0px;
        position: absolute;
        font-size: 0.5rem;
        line-height: 0.5rem;
        font-family: "Graphik";
        left: 50%;
        top: 55%;
        transform: translate(-50%, -50%);
    }
    .basebar_button_container svg {
        height: 1.1rem;
        position: absolute;
        top: 2.5vh;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%);
    }
    .basebar_num_override {
        top: 58% !important;
    }
    .basebar_text_override {
        top: 75% !important;
    }
    .basebar_image_override {
        height: 1.2rem !important;
        position: absolute !important;
        left: 50% !important;
        top: 30% !important;
        transform: translate(-50%, -30%) !important;
    }
    /* #endregion */
    /* #region Utilities */
    #exhibitionOverlay {
        font-size: 0.5rem;
    }
    #capacityChartTable th:nth-child(1) {
        width: 5rem;
    }
    #capacityChartTable th {
        height: 1.2rem;
        font-weight: 100;
        font-size: 0.45rem;
    }
    #capacityChartTable td {
        height: 1rem;
        font-size: 0.4rem;
    }
    #capacityChartTable th:nth-child(1) {
        width: 6rem;
    }
    #circle {
        position: absolute;
        left: 37.25%;
        transform: translate(-50%, -50%);
        top: 85%;
        height: 4.5rem;
        width: 4.5rem;
        z-index: 9999;
        border-radius: 50%;
        display: inline-block;
        background-color: rgb(63, 63, 63);
        color: white;
    }
    #circle p {
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.6rem;
        font-family: 'Graphik';
    }
    /* #endregion */
}

@media all and (max-width: 500px) and (orientation: portrait) {
    /* #region Header Title Text */
    .textTitle {
        position: absolute;
        z-index: 200;
        color: #3c3c3c;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        font-size: 1rem;
        font-family: 'Century';
    }
    .textSubTitle {
        position: absolute;
        z-index: 200;
        color: #893f1e;
        left: 50%;
        top: 74%;
        transform: translate(-50%, -50%);
        font-size: 0.35rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region Header Buttons */
    #backbutton svg {
        height: 0.8rem;
    }
    #backbutton p {
        font-family: 'Graphik';
        font-size: 0.3rem;
    }
    #download_pdf svg {
        height: 1rem;
    }
    /* #endregion */
    /* #region Body main */
    .stackedText {
        display: block;
        position: absolute;
        pointer-events: none;
        background-color: (0, 0, 0, 0);
        left: 50%;
        top: 0;
        transform: translate(-50%);
        color: #893f1e;
        font-family: 'Graphik';
        font-size: 0.5rem;
        height: 100%;
        width: 100%;
        z-index: 1000;
    }
    .stackedText div {
        position: relative;
        pointer-events: auto;
        background-color: whitesmoke;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        text-align: center;
        line-height: 50px;
        transform: translate(-50%, -50%);
    }
    .stackedText div:hover {
        cursor: pointer;
        background-color: rgba(245, 245, 245, 0.274);
    }
    .stackedTextOverride {
        line-height: 0.5rem;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    /* #endregion */
    /* #region footer main */
    #footer_container {
        height: 11.00811124vh;
        width: 100%;
        position: relative;
        display: block;
        background-color: #FFF;
    }
    /* #endregion */
    /* #region footer Base Button Container */
    .basebar_button_container_main {
        line-height: 11.00811124vh;
        height: auto;
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .basebar_button_container {
        height: 11.00811124vh;
        /* width: 61px; */
        position: relative;
        margin: 0px;
        text-align: center;
        opacity: 1;
        color: #5a5a5a !important;
        white-space: 'nowrap';
    }
    .basebar_button_container:hover {
        cursor: pointer;
        color: #893f1e !important;
    }
    .basebar_button_active {
        color: #893f1e !important;
    }
    .basebar_button_container p {
        margin: 0px;
        position: absolute;
        font-size: 0.25rem;
        line-height: 0.25rem;
        font-family: "Graphik";
        left: 50%;
        top: 55%;
        transform: translate(-50%, -50%);
    }
    .basebar_button_container svg {
        height: 0.7rem;
        position: absolute;
        top: 2.5vh;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%);
    }
    .basebar_num_override {
        top: 58% !important;
    }
    .basebar_text_override {
        top: 75% !important;
    }
    .basebar_image_override {
        height: 0.8rem !important;
        position: absolute !important;
        left: 50% !important;
        top: 30% !important;
        transform: translate(-50%, -30%) !important;
    }
    /* #endregion */
    /* #region Utilities */
    #exhibitionOverlay {
        font-size: 0.5rem;
    }
    #capacityChartTable th:nth-child(1) {
        width: 5rem;
    }
    #capacityChartTable th {
        height: 0.5rem;
        font-weight: 100;
        font-size: 0.05rem;
    }
    #capacityChartTable td {
        height: 0.3rem;
        font-size: 0.05rem;
    }
    #capacityChartTable th:nth-child(1) {
        width: 3rem;
    }
    #circle {
        position: absolute;
        left: 37.25%;
        transform: translate(-50%, -50%);
        top: 85%;
        height: 3rem;
        width: 3rem;
        z-index: 9999;
        border-radius: 50%;
        display: inline-block;
        background-color: rgb(63, 63, 63);
        color: white;
    }
    #circle p {
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.3rem;
        font-family: 'Graphik';
    }
    /* #endregion */
}

@media all and (max-width: 1345px) and (orientation: landscape) and (min-aspect-ratio:1452/1208) {
    /* #region Header Title Text */
    .textTitle {
        position: absolute;
        z-index: 200;
        color: #3c3c3c;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        font-size: 1.25rem;
        font-family: 'Century';
    }
    .textSubTitle {
        position: absolute;
        z-index: 200;
        color: #893f1e;
        left: 50%;
        top: 69%;
        transform: translate(-50%, -50%);
        font-size: 0.7rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region Header Buttons */
    #backbutton svg {
        height: 2rem;
    }
    #backbutton p {
        font-family: 'Graphik';
        font-size: 0.7rem;
    }
    #download_pdf svg {
        height: 2.5rem;
    }
    /* #endregion */
    /* #region Body main */
    .stackedText {
        display: block;
        position: absolute;
        pointer-events: none;
        background-color: (0, 0, 0, 0);
        left: 50%;
        top: 0;
        transform: translate(-50%);
        color: #893f1e;
        font-family: 'Graphik';
        font-size: 1.25rem;
        height: 100%;
        width: 100%;
        z-index: 1000;
    }
    .stackedText div {
        position: relative;
        pointer-events: auto;
        background-color: whitesmoke;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        text-align: center;
        line-height: 120px;
        transform: translate(-50%, -50%);
    }
    .stackedText div:hover {
        cursor: pointer;
        background-color: rgba(245, 245, 245, 0.274);
    }
    .stackedTextOverride {
        line-height: 1.25rem;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    /* #endregion */
    /* #region footer main */
    #footer_container {
        height: 11.00811124vh;
        width: 100%;
        position: relative;
        display: block;
        background-color: #FFF;
    }
    /* #endregion */
    /* #region footer Base Button Container */
    .basebar_button_container_main {
        line-height: 11.00811124vh;
        height: auto;
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .basebar_button_container {
        height: 11.00811124vh;
        position: relative;
        margin: 0px;
        text-align: center;
        opacity: 1;
        color: #5a5a5a !important;
        white-space: 'nowrap';
    }
    .basebar_button_container:hover {
        cursor: pointer;
        color: #893f1e !important;
    }
    .basebar_button_active {
        color: #893f1e !important;
    }
    .basebar_button_container p {
        margin: 0px;
        position: absolute;
        font-size: 0.8rem;
        line-height: 0.8rem;
        font-family: "Graphik";
        left: 50%;
        top: 55%;
        transform: translate(-50%, -50%);
    }
    .basebar_button_container svg {
        height: 1.9rem;
        position: absolute;
        top: 2.5vh;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%);
    }
    .basebar_num_override {
        top: 58% !important;
    }
    .basebar_text_override {
        top: 75% !important;
    }
    .basebar_image_override {
        height: 2rem !important;
        position: absolute !important;
        left: 50% !important;
        top: 30% !important;
        transform: translate(-50%, -30%) !important;
    }
    /* #endregion */
    /* #region Utilities */
    #exhibitionOverlay {
        font-size: 0.7rem;
    }
    #capacityChartTable th:nth-child(1) {
        width: 8rem;
    }
    #capacityChartTable th {
        height: 2rem;
        font-weight: 100;
        font-size: 0.8rem;
    }
    #capacityChartTable td {
        height: 1.3rem;
        font-size: 0.75rem;
    }
    #circle {
        position: absolute;
        left: 37.25%;
        transform: translate(-50%, -50%);
        top: 85%;
        height: 6.5rem;
        width: 6.5rem;
        z-index: 9999;
        border-radius: 50%;
        display: inline-block;
        background-color: rgb(63, 63, 63);
        color: white;
    }
    #circle p {
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.8rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region SPECIAL */
    #special_image_parent {
        padding-top: 0 !important;
    }
    /* #endregion SPECIAL */
}

@media all and (max-width: 920px) and (orientation: landscape) and (min-aspect-ratio:1452/1208) {
    /* #region Header Title Text */
    .textTitle {
        position: absolute;
        z-index: 200;
        color: #3c3c3c;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        font-size: 1.5rem;
        font-family: 'Century';
    }
    .textSubTitle {
        position: absolute;
        z-index: 200;
        color: #893f1e;
        left: 50%;
        top: 69;
        transform: translate(-50%, -50%);
        font-size: 0.85rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region Header Buttons */
    #backbutton svg {
        height: 1.5rem;
    }
    #backbutton p {
        font-family: 'Graphik';
        font-size: 0.7rem;
    }
    #download_pdf svg {
        height: 2rem;
    }
    /* #endregion */
    /* #region Body main */
    .stackedText {
        display: block;
        position: absolute;
        pointer-events: none;
        background-color: (0, 0, 0, 0);
        left: 50%;
        top: 0;
        transform: translate(-50%);
        color: #893f1e;
        font-family: 'Graphik';
        font-size: 1rem;
        height: 100%;
        width: 100%;
        z-index: 1000;
    }
    .stackedText div {
        position: relative;
        pointer-events: auto;
        background-color: whitesmoke;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        text-align: center;
        line-height: 100px;
        transform: translate(-50%, -50%);
    }
    .stackedText div:hover {
        cursor: pointer;
        background-color: rgba(245, 245, 245, 0.274);
    }
    .stackedTextOverride {
        line-height: 1rem;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    /* #endregion */
    /* #region footer main */
    #footer_container {
        height: 11.00811124vh;
        width: 100%;
        position: relative;
        display: block;
        background-color: #FFF;
    }
    /* #endregion */
    /* #region footer Base Button Container */
    .basebar_button_container_main {
        line-height: 11.00811124vh;
        height: auto;
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .basebar_button_container {
        height: 11.00811124vh;
        /* width: 83px; */
        position: relative;
        margin: 0px;
        text-align: center;
        opacity: 1;
        color: #5a5a5a !important;
        white-space: 'nowrap';
    }
    .basebar_button_container:hover {
        cursor: pointer;
        color: #893f1e !important;
    }
    .basebar_button_active {
        color: #893f1e !important;
    }
    .basebar_button_container p {
        margin: 0px;
        position: absolute;
        font-size: 0.68rem;
        line-height: 0.68rem;
        font-family: "Graphik";
        left: 50%;
        top: 55%;
        transform: translate(-50%, -50%);
    }
    .basebar_button_container svg {
        height: 1.5rem;
        position: absolute;
        top: 2.5vh;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%);
    }
    .basebar_num_override {
        top: 58% !important;
    }
    .basebar_text_override {
        top: 75% !important;
    }
    .basebar_image_override {
        height: 1.7rem !important;
        position: absolute !important;
        left: 50% !important;
        top: 30% !important;
        transform: translate(-50%, -30%) !important;
    }
    /* #endregion */
    /* #region Utilities */
    #exhibitionOverlay {
        font-size: 0.6rem;
    }
    #capacityChartTable th:nth-child(1) {
        width: 7rem;
    }
    #capacityChartTable th {
        height: 2rem;
        font-weight: 100;
        font-size: 0.7rem;
    }
    #capacityChartTable td {
        height: 1.3rem;
        font-size: 0.7rem;
    }
    #capacityChartTable th:nth-child(1) {
        width: 8rem;
    }
    #circle {
        position: absolute;
        left: 37.25%;
        transform: translate(-50%, -50%);
        top: 85%;
        height: 5.5rem;
        width: 5.5rem;
        z-index: 9999;
        border-radius: 50%;
        display: inline-block;
        background-color: rgb(63, 63, 63);
        color: white;
    }
    #circle p {
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.7rem;
        font-family: 'Graphik';
    }
    /* #endregion */
}

@media all and (max-width: 750px) and (orientation: landscape) and (min-aspect-ratio:1452/1208) {
    /* #region Header Title Text */
    .textTitle {
        position: absolute;
        z-index: 200;
        color: #3c3c3c;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        font-size: 1.5rem;
        font-family: 'Century';
    }
    .textSubTitle {
        position: absolute;
        z-index: 200;
        color: #893f1e;
        left: 50%;
        top: 65%;
        transform: translate(-50%, -50%);
        font-size: 0.9rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region Header Buttons */
    #backbutton svg {
        height: 1.2rem;
    }
    #backbutton p {
        font-family: 'Graphik';
        font-size: 0.7rem;
    }
    #download_pdf svg {
        height: 1.5rem;
    }
    /* #endregion */
    /* #region Body main */
    .stackedText {
        display: block;
        position: absolute;
        pointer-events: none;
        background-color: (0, 0, 0, 0);
        left: 50%;
        top: 0;
        transform: translate(-50%);
        color: #893f1e;
        font-family: 'Graphik';
        font-size: 1rem;
        height: 100%;
        width: 100%;
        z-index: 1000;
    }
    .stackedText div {
        position: relative;
        pointer-events: auto;
        background-color: whitesmoke;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        text-align: center;
        line-height: 80px;
        transform: translate(-50%, -50%);
    }
    .stackedText div:hover {
        cursor: pointer;
        background-color: rgba(245, 245, 245, 0.274);
    }
    .stackedTextOverride {
        line-height: 1rem;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    /* #endregion */
    /* #region footer main */
    #footer_container {
        height: 11.00811124vh;
        width: 100%;
        position: relative;
        display: block;
        background-color: #FFF;
    }
    /* #endregion */
    /* #region footer Base Button Container */
    .basebar_button_container_main {
        line-height: 11.00811124vh;
        height: auto;
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .basebar_button_container {
        height: 11.00811124vh;
        /* width: 61px; */
        position: relative;
        margin: 0px;
        text-align: center;
        opacity: 1;
        color: #5a5a5a !important;
        white-space: 'nowrap';
    }
    .basebar_button_container:hover {
        cursor: pointer;
        color: #893f1e !important;
    }
    .basebar_button_active {
        color: #893f1e !important;
    }
    .basebar_button_container p {
        margin: 0px;
        position: absolute;
        font-size: 0.5rem;
        line-height: 0.5rem;
        font-family: "Graphik";
        left: 50%;
        top: 55%;
        transform: translate(-50%, -50%);
    }
    .basebar_button_container svg {
        height: 1.1rem;
        position: absolute;
        top: 2.5vh;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%);
    }
    .basebar_num_override {
        top: 58% !important;
    }
    .basebar_text_override {
        top: 75% !important;
    }
    .basebar_image_override {
        height: 1.2rem !important;
        position: absolute !important;
        left: 50% !important;
        top: 30% !important;
        transform: translate(-50%, -30%) !important;
    }
    /* #endregion */
    /* #region Utilities */
    #exhibitionOverlay {
        font-size: 0.5rem;
    }
    #capacityChartTable th:nth-child(1) {
        width: 5rem;
    }
    #capacityChartTable th {
        height: 1.2rem;
        font-weight: 100;
        font-size: 0.45rem;
    }
    #capacityChartTable td {
        height: 1rem;
        font-size: 0.4rem;
    }
    #capacityChartTable th:nth-child(1) {
        width: 6rem;
    }
    #circle {
        position: absolute;
        left: 37.25%;
        transform: translate(-50%, -50%);
        top: 85%;
        height: 4.5rem;
        width: 4.5rem;
        z-index: 9999;
        border-radius: 50%;
        display: inline-block;
        background-color: rgb(63, 63, 63);
        color: white;
    }
    #circle p {
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.6rem;
        font-family: 'Graphik';
    }
    /* #endregion */
}

@media all and (max-width: 500px) and (orientation: landscape) and (min-aspect-ratio:1452/1208) {
    /* #region Header Title Text */
    .textTitle {
        position: absolute;
        z-index: 200;
        color: #3c3c3c;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        font-size: 1rem;
        font-family: 'Century';
    }
    .textSubTitle {
        position: absolute;
        z-index: 200;
        color: #893f1e;
        left: 50%;
        top: 74%;
        transform: translate(-50%, -50%);
        font-size: 0.35rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region Header Buttons */
    #backbutton svg {
        height: 0.8rem;
    }
    #backbutton p {
        font-family: 'Graphik';
        font-size: 0.3rem;
    }
    #download_pdf svg {
        height: 1rem;
    }
    /* #endregion */
    /* #region Body main */
    .stackedText {
        display: block;
        position: absolute;
        pointer-events: none;
        background-color: (0, 0, 0, 0);
        left: 50%;
        top: 0;
        transform: translate(-50%);
        color: #893f1e;
        font-family: 'Graphik';
        font-size: 0.5rem;
        height: 100%;
        width: 100%;
        z-index: 1000;
    }
    .stackedText div {
        position: relative;
        pointer-events: auto;
        background-color: whitesmoke;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        text-align: center;
        line-height: 50px;
        transform: translate(-50%, -50%);
    }
    .stackedText div:hover {
        cursor: pointer;
        background-color: rgba(245, 245, 245, 0.274);
    }
    .stackedTextOverride {
        line-height: 0.5rem;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    /* #endregion */
    /* #region footer main */
    #footer_container {
        height: 11.00811124vh;
        width: 100%;
        position: relative;
        display: block;
        background-color: #FFF;
    }
    /* #endregion */
    /* #region footer Base Button Container */
    .basebar_button_container_main {
        line-height: 11.00811124vh;
        height: auto;
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .basebar_button_container {
        height: 11.00811124vh;
        /* width: 61px; */
        position: relative;
        margin: 0px;
        text-align: center;
        opacity: 1;
        color: #5a5a5a !important;
        white-space: 'nowrap';
    }
    .basebar_button_container:hover {
        cursor: pointer;
        color: #893f1e !important;
    }
    .basebar_button_active {
        color: #893f1e !important;
    }
    .basebar_button_container p {
        margin: 0px;
        position: absolute;
        font-size: 0.25rem;
        line-height: 0.25rem;
        font-family: "Graphik";
        left: 50%;
        top: 55%;
        transform: translate(-50%, -50%);
    }
    .basebar_button_container svg {
        height: 0.7rem;
        position: absolute;
        top: 2.5vh;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%);
    }
    .basebar_num_override {
        top: 58% !important;
    }
    .basebar_text_override {
        top: 75% !important;
    }
    .basebar_image_override {
        height: 0.8rem !important;
        position: absolute !important;
        left: 50% !important;
        top: 30% !important;
        transform: translate(-50%, -30%) !important;
    }
    /* #endregion */
    /* #region Utilities */
    #exhibitionOverlay {
        font-size: 0.5rem;
    }
    #capacityChartTable th:nth-child(1) {
        width: 5rem;
    }
    #capacityChartTable th {
        height: 0.5rem;
        font-weight: 100;
        font-size: 0.05rem;
    }
    #capacityChartTable td {
        height: 0.3rem;
        font-size: 0.05rem;
    }
    #capacityChartTable th:nth-child(1) {
        width: 3rem;
    }
    #circle {
        position: absolute;
        left: 37.25%;
        transform: translate(-50%, -50%);
        top: 85%;
        height: 3rem;
        width: 3rem;
        z-index: 9999;
        border-radius: 50%;
        display: inline-block;
        background-color: rgb(63, 63, 63);
        color: white;
    }
    #circle p {
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.3rem;
        font-family: 'Graphik';
    }
    /* #endregion */
}

@media all and (max-width: 1345px) and (orientation: landscape) and (max-aspect-ratio:1452/1208) and (min-aspect-ratio:1/1) {
    /* #region Header Title Text */
    .textTitle {
        position: absolute;
        z-index: 200;
        color: #3c3c3c;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        font-size: 1.5rem;
        font-family: 'Century';
    }
    .textSubTitle {
        position: absolute;
        z-index: 200;
        color: #893f1e;
        left: 50%;
        top: 65%;
        transform: translate(-50%, -50%);
        font-size: 0.9rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region Header Buttons */
    #backbutton svg {
        height: 2rem;
    }
    #backbutton p {
        font-family: 'Graphik';
        font-size: 0.7rem;
    }
    #download_pdf svg {
        height: 2.5rem;
    }
    /* #endregion */
    /* #region Body main */
    .stackedText {
        display: block;
        position: absolute;
        pointer-events: none;
        background-color: (0, 0, 0, 0);
        left: 50%;
        top: 0;
        transform: translate(-50%);
        color: #893f1e;
        font-family: 'Graphik';
        font-size: 1.25rem;
        height: 100%;
        width: 100%;
        z-index: 1000;
    }
    .stackedText div {
        position: relative;
        pointer-events: auto;
        background-color: whitesmoke;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        text-align: center;
        line-height: 120px;
        transform: translate(-50%, -50%);
    }
    .stackedText div:hover {
        cursor: pointer;
        background-color: rgba(245, 245, 245, 0.274);
    }
    .stackedTextOverride {
        line-height: 1.25rem;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    /* #endregion */
    /* #region footer main */
    #footer_container {
        height: 11.00811124vh;
        width: 100%;
        position: relative;
        display: block;
        background-color: #FFF;
    }
    /* #endregion */
    /* #region footer Base Button Container */
    .basebar_button_container_main {
        line-height: 11.00811124vh;
        height: auto;
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .basebar_button_container {
        height: 11.00811124vh;
        /* width: 102px; */
        position: relative;
        margin: 0px;
        text-align: center;
        opacity: 1;
        color: #5a5a5a !important;
        white-space: 'nowrap';
    }
    .basebar_button_container:hover {
        cursor: pointer;
        color: #893f1e !important;
    }
    .basebar_button_active {
        color: #893f1e !important;
    }
    .basebar_button_container p {
        margin: 0px;
        position: absolute;
        font-size: 0.8rem;
        line-height: 0.8rem;
        font-family: "Graphik";
        left: 50%;
        top: 55%;
        transform: translate(-50%, -50%);
    }
    .basebar_button_container svg {
        height: 1.9rem;
        position: absolute;
        top: 2.5vh;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%);
    }
    .basebar_num_override {
        top: 58% !important;
    }
    .basebar_text_override {
        top: 75% !important;
    }
    .basebar_image_override {
        height: 2rem !important;
        position: absolute !important;
        left: 50% !important;
        top: 30% !important;
        transform: translate(-50%, -30%) !important;
    }
    /* #endregion */
    /* #region Utilities */
    #exhibitionOverlay {
        font-size: 0.7rem;
    }
    #capacityChartTable th:nth-child(1) {
        width: 7rem;
    }
    #capacityChartTable th {
        height: 2rem;
        font-weight: 100;
        font-size: 0.7rem;
    }
    #capacityChartTable td {
        height: 1.7rem;
        font-size: 0.7rem;
    }
    #circle {
        position: absolute;
        left: 37.25%;
        transform: translate(-50%, -50%);
        top: 85%;
        height: 6.5rem;
        width: 6.5rem;
        z-index: 9999;
        border-radius: 50%;
        display: inline-block;
        background-color: rgb(63, 63, 63);
        color: white;
    }
    #circle p {
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.8rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region SPECIAL */
    #special_image_parent {
        padding-top: 65.7% !important;
    }
    #body_container {
        height: auto !important;
    }
    #footer_container_width {
        width: 100% !important;
    }
    #header_container_width {
        width: 100% !important;
    }
    /* #endregion SPECIAL */
}

@media all and (max-width: 920px) and (orientation: landscape) and (max-aspect-ratio:1452/1208) and (min-aspect-ratio:1/1) {
    /* #region Header Title Text */
    .textTitle {
        position: absolute;
        z-index: 200;
        color: #3c3c3c;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        font-size: 1.5rem;
        font-family: 'Century';
    }
    .textSubTitle {
        position: absolute;
        z-index: 200;
        color: #893f1e;
        left: 50%;
        top: 65%;
        transform: translate(-50%, -50%);
        font-size: 0.9rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region Header Buttons */
    #backbutton svg {
        height: 2rem;
    }
    #backbutton p {
        font-family: 'Graphik';
        font-size: 0.7rem;
    }
    #download_pdf svg {
        height: 2.5rem;
    }
    /* #endregion */
    /* #region Body main */
    .stackedText {
        display: block;
        position: absolute;
        pointer-events: none;
        background-color: (0, 0, 0, 0);
        left: 50%;
        top: 0;
        transform: translate(-50%);
        color: #893f1e;
        font-family: 'Graphik';
        font-size: 1rem;
        height: 100%;
        width: 100%;
        z-index: 1000;
    }
    .stackedText div {
        position: relative;
        pointer-events: auto;
        background-color: whitesmoke;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        text-align: center;
        line-height: 100px;
        transform: translate(-50%, -50%);
    }
    .stackedText div:hover {
        cursor: pointer;
        background-color: rgba(245, 245, 245, 0.274);
    }
    .stackedTextOverride {
        line-height: 1rem;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    /* #endregion */
    /* #region footer main */
    #footer_container {
        height: 11.00811124vh;
        width: 100%;
        position: relative;
        display: block;
        background-color: #FFF;
    }
    /* #endregion */
    /* #region footer Base Button Container */
    .basebar_button_container_main {
        line-height: 11.00811124vh;
        height: auto;
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .basebar_button_container {
        height: 11.00811124vh;
        /* width: 83px; */
        position: relative;
        margin: 0px;
        text-align: center;
        opacity: 1;
        color: #5a5a5a !important;
        white-space: 'nowrap';
    }
    .basebar_button_container:hover {
        cursor: pointer;
        color: #893f1e !important;
    }
    .basebar_button_active {
        color: #893f1e !important;
    }
    .basebar_button_container p {
        margin: 0px;
        position: absolute;
        font-size: 0.7rem;
        line-height: 0.7rem;
        font-family: "Graphik";
        left: 50%;
        top: 55%;
        transform: translate(-50%, -50%);
    }
    .basebar_button_container svg {
        height: 1.9rem;
        position: absolute;
        top: 2.5vh;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%);
    }
    .basebar_num_override {
        top: 58% !important;
    }
    .basebar_text_override {
        top: 75% !important;
    }
    .basebar_image_override {
        height: 1.7rem !important;
        position: absolute !important;
        left: 50% !important;
        top: 30% !important;
        transform: translate(-50%, -30%) !important;
    }
    /* #endregion */
    /* #region Utilities */
    #exhibitionOverlay {
        font-size: 0.6rem;
    }
    #capacityChartTable th:nth-child(1) {
        width: 7rem;
    }
    #capacityChartTable th {
        height: 2rem;
        font-weight: 100;
        font-size: 0.7rem;
    }
    #capacityChartTable td {
        height: 1.3rem;
        font-size: 0.7rem;
    }
    #capacityChartTable th:nth-child(1) {
        width: 8rem;
    }
    #circle {
        position: absolute;
        left: 37.25%;
        transform: translate(-50%, -50%);
        top: 85%;
        height: 6.5rem;
        width: 6.5rem;
        z-index: 9999;
        border-radius: 50%;
        display: inline-block;
        background-color: rgb(63, 63, 63);
        color: white;
    }
    #circle p {
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.8rem;
        font-family: 'Graphik';
    }
    /* #endregion */
}

@media all and (max-width: 750px) and (orientation: landscape) and (max-aspect-ratio:1452/1208) and (min-aspect-ratio:1/1) {
    /* #region Header Title Text */
    .textTitle {
        position: absolute;
        z-index: 200;
        color: #3c3c3c;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        font-size: 1.5rem;
        font-family: 'Century';
    }
    .textSubTitle {
        position: absolute;
        z-index: 200;
        color: #893f1e;
        left: 50%;
        top: 65%;
        transform: translate(-50%, -50%);
        font-size: 0.9rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region Header Buttons */
    #backbutton svg {
        height: 1.2rem;
    }
    #backbutton p {
        font-family: 'Graphik';
        font-size: 0.7rem;
    }
    #download_pdf svg {
        height: 1.5rem;
    }
    /* #endregion */
    /* #region Body main */
    .stackedText {
        display: block;
        position: absolute;
        pointer-events: none;
        background-color: (0, 0, 0, 0);
        left: 50%;
        top: 0;
        transform: translate(-50%);
        color: #893f1e;
        font-family: 'Graphik';
        font-size: 1rem;
        height: 100%;
        width: 100%;
        z-index: 1000;
    }
    .stackedText div {
        position: relative;
        pointer-events: auto;
        background-color: whitesmoke;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        text-align: center;
        line-height: 80px;
        transform: translate(-50%, -50%);
    }
    .stackedText div:hover {
        cursor: pointer;
        background-color: rgba(245, 245, 245, 0.274);
    }
    .stackedTextOverride {
        line-height: 1rem;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    /* #endregion */
    /* #region footer main */
    #footer_container {
        height: 11.00811124vh;
        width: 100%;
        position: relative;
        display: block;
        background-color: #FFF;
    }
    /* #endregion */
    /* #region footer Base Button Container */
    .basebar_button_container_main {
        line-height: 11.00811124vh;
        height: auto;
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .basebar_button_container {
        height: 11.00811124vh;
        /* width: 61px; */
        position: relative;
        margin: 0px;
        text-align: center;
        opacity: 1;
        color: #5a5a5a !important;
        white-space: 'nowrap';
    }
    .basebar_button_container:hover {
        cursor: pointer;
        color: #893f1e !important;
    }
    .basebar_button_active {
        color: #893f1e !important;
    }
    .basebar_button_container p {
        margin: 0px;
        position: absolute;
        font-size: 0.5rem;
        line-height: 0.5rem;
        font-family: "Graphik";
        left: 50%;
        top: 55%;
        transform: translate(-50%, -50%);
    }
    .basebar_button_container svg {
        height: 1.1rem;
        position: absolute;
        top: 2.5vh;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%);
    }
    .basebar_num_override {
        top: 58% !important;
    }
    .basebar_text_override {
        top: 75% !important;
    }
    .basebar_image_override {
        height: 1.2rem !important;
        position: absolute !important;
        left: 50% !important;
        top: 30% !important;
        transform: translate(-50%, -30%) !important;
    }
    /* #endregion */
    /* #region Utilities */
    #exhibitionOverlay {
        font-size: 0.5rem;
    }
    #capacityChartTable th:nth-child(1) {
        width: 5rem;
    }
    #capacityChartTable th {
        height: 1.2rem;
        font-weight: 100;
        font-size: 0.45rem;
    }
    #capacityChartTable td {
        height: 1rem;
        font-size: 0.4rem;
    }
    #capacityChartTable th:nth-child(1) {
        width: 6rem;
    }
    #circle {
        position: absolute;
        left: 37.25%;
        transform: translate(-50%, -50%);
        top: 85%;
        height: 4.5rem;
        width: 4.5rem;
        z-index: 9999;
        border-radius: 50%;
        display: inline-block;
        background-color: rgb(63, 63, 63);
        color: white;
    }
    #circle p {
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.6rem;
        font-family: 'Graphik';
    }
    /* #endregion */
}

@media all and (max-width: 500px) and (orientation: landscape) and (max-aspect-ratio:1452/1208) and (min-aspect-ratio:1/1) {
    /* #region Header Title Text */
    .textTitle {
        position: absolute;
        z-index: 200;
        color: #3c3c3c;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        font-size: 1rem;
        font-family: 'Century';
    }
    .textSubTitle {
        position: absolute;
        z-index: 200;
        color: #893f1e;
        left: 50%;
        top: 74%;
        transform: translate(-50%, -50%);
        font-size: 0.35rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region Header Buttons */
    #backbutton svg {
        height: 0.8rem;
    }
    #backbutton p {
        font-family: 'Graphik';
        font-size: 0.3rem;
    }
    #download_pdf svg {
        height: 1rem;
    }
    /* #endregion */
    /* #region Body main */
    .stackedText {
        display: block;
        position: absolute;
        pointer-events: none;
        background-color: (0, 0, 0, 0);
        left: 50%;
        top: 0;
        transform: translate(-50%);
        color: #893f1e;
        font-family: 'Graphik';
        font-size: 0.5rem;
        height: 100%;
        width: 100%;
        z-index: 1000;
    }
    .stackedText div {
        position: relative;
        pointer-events: auto;
        background-color: whitesmoke;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        text-align: center;
        line-height: 50px;
        transform: translate(-50%, -50%);
    }
    .stackedText div:hover {
        cursor: pointer;
        background-color: rgba(245, 245, 245, 0.274);
    }
    .stackedTextOverride {
        line-height: 0.5rem;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    /* #endregion */
    /* #region footer main */
    #footer_container {
        height: 11.00811124vh;
        width: 100%;
        position: relative;
        display: block;
        background-color: #FFF;
    }
    /* #endregion */
    /* #region footer Base Button Container */
    .basebar_button_container_main {
        line-height: 11.00811124vh;
        height: auto;
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .basebar_button_container {
        height: 11.00811124vh;
        /* width: 61px; */
        position: relative;
        margin: 0px;
        text-align: center;
        opacity: 1;
        color: #5a5a5a !important;
        white-space: 'nowrap';
    }
    .basebar_button_container:hover {
        cursor: pointer;
        color: #893f1e !important;
    }
    .basebar_button_active {
        color: #893f1e !important;
    }
    .basebar_button_container p {
        margin: 0px;
        position: absolute;
        font-size: 0.25rem;
        line-height: 0.25rem;
        font-family: "Graphik";
        left: 50%;
        top: 55%;
        transform: translate(-50%, -50%);
    }
    .basebar_button_container svg {
        height: 0.7rem;
        position: absolute;
        top: 2.5vh;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%);
    }
    .basebar_num_override {
        top: 58% !important;
    }
    .basebar_text_override {
        top: 75% !important;
    }
    .basebar_image_override {
        height: 0.8rem !important;
        position: absolute !important;
        left: 50% !important;
        top: 30% !important;
        transform: translate(-50%, -30%) !important;
    }
    /* #endregion */
    /* #region Utilities */
    #exhibitionOverlay {
        font-size: 0.5rem;
    }
    #capacityChartTable th:nth-child(1) {
        width: 5rem;
    }
    #capacityChartTable th {
        height: 0.5rem;
        font-weight: 100;
        font-size: 0.05rem;
    }
    #capacityChartTable td {
        height: 0.3rem;
        font-size: 0.05rem;
    }
    #capacityChartTable th:nth-child(1) {
        width: 3rem;
    }
    #circle {
        position: absolute;
        left: 37.25%;
        transform: translate(-50%, -50%);
        top: 85%;
        height: 3rem;
        width: 3rem;
        z-index: 9999;
        border-radius: 50%;
        display: inline-block;
        background-color: rgb(63, 63, 63);
        color: white;
    }
    #circle p {
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.3rem;
        font-family: 'Graphik';
    }
    /* #endregion */
}

/* #endregion max 1345 */

/* #endregion Desktop */

/* #region Mobile */

/* #region Samsung S9/S9+ */

@media only screen and (min-device-width: 360px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) {
    /* #region Header main */
    #header_container {
        background-color: #f8f9fa;
        height: 55px;
        width: 100%;
        position: relative;
    }
    #header_container_width {
        width: 100% !important;
        height: 55px !important;
    }
    /* #endregion */
    /* #region Header Title Text */
    .textTitle {
        position: absolute;
        z-index: 200;
        color: #3c3c3c;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        font-size: 1.2rem;
        font-family: 'Century';
    }
    .textSubTitle {
        position: absolute;
        z-index: 200;
        color: #893f1e;
        left: 50%;
        top: 69%;
        transform: translate(-50%, -50%);
        font-size: 0.7rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region Header Buttons */
    #backbutton {
        position: absolute;
        left: 15%;
        top: 50%;
        transform: translate(-50%, -50%);
        border: 0px;
        background-color: rgba(255, 0, 0, 0);
        padding: 0 0 0 0;
        z-index: 100;
        opacity: 1;
    }
    #backbutton svg {
        height: 1.5rem;
    }
    #backbutton p {
        font-family: 'Graphik';
        font-size: 0.5rem;
    }
    #download_pdf {
        position: absolute;
        left: 85%;
        top: 50%;
        transform: translate(-50%, -50%);
        border: 0px;
        background-color: rgba(255, 0, 0, 0);
        padding: 0 0 0 0;
        z-index: 100;
        opacity: 1;
    }
    #download_pdf svg {
        height: 2rem;
    }
    /* #endregion */
    /* #region Body main */
    .stackedText {
        display: block;
        position: absolute;
        pointer-events: none;
        background-color: (0, 0, 0, 0);
        left: 50%;
        top: 0;
        transform: translate(-50%);
        height: 100%;
        width: 100%;
        z-index: 1000;
    }
    .stackedText div {
        position: relative;
        pointer-events: auto;
        background-color: whitesmoke;
        color: #893f1e;
        font-family: 'Graphik';
        font-size: 0.5rem;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 50%;
        text-align: center;
        transform: translate(-50%, -50%);
    }
    .stackedText div:hover {
        cursor: pointer;
        background-color: rgba(245, 245, 245, 0.274);
    }
    /* #endregion */
    /* #region footer main */
    #footer_container {
        height: 11.00811124vh;
        width: 100%;
        position: relative;
        display: none;
        background-color: #FFF;
    }
    /* #endregion */
}

@media only screen and (min-device-width: 360px) and (max-device-width: 767px) and (orientation: portrait) {
    /* #region Header main */
    #header_container {
        background-color: #f8f9fa;
        height: 11.00811124vh;
        width: 100%;
        position: relative;
    }
    #header_container_width {
        width: 100% !important;
        height: 55px !important;
    }
    /* #endregion */
    /* #region Header Title Text */
    .textTitle {
        position: absolute;
        z-index: 200;
        color: #3c3c3c;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        font-size: 1.1rem;
        font-family: 'Century';
    }
    .textSubTitle {
        position: absolute;
        z-index: 200;
        color: #893f1e;
        left: 50%;
        top: 65%;
        transform: translate(-50%, -50%);
        font-size: 0.7rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region Header Buttons */
    #backbutton svg {
        height: 2rem;
    }
    #backbutton p {
        font-family: 'Graphik';
        font-size: 0.7rem;
    }
    #download_pdf svg {
        height: 2rem;
    }
    /* #endregion */
    /* #region Body main */
    .stackedText {
        display: block;
        position: absolute;
        pointer-events: none;
        background-color: (0, 0, 0, 0);
        left: 50%;
        top: 0;
        transform: translate(-50%);
        height: 100%;
        width: 100%;
        z-index: 1000;
    }
    .stackedText div {
        position: relative;
        pointer-events: auto;
        background-color: whitesmoke;
        color: #893f1e;
        font-family: 'Graphik';
        font-size: 0.5rem;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 50%;
        text-align: center;
        transform: translate(-50%, -50%);
    }
    .stackedText div:hover {
        cursor: pointer;
        background-color: rgba(245, 245, 245, 0.274);
    }
    /* #endregion */
}

/* #endregion Samsung S9/S9+ */

/* #region Iphone 5s */

@media only screen and (min-device-width: 320px) and (max-device-width: 355px) and (-webkit-min-device-pixel-ratio: 2) {
    /* #region Header main */
    #header_container {
        background-color: #f8f9fa;
        height: 55px;
        width: 100%;
        position: relative;
    }
    /* #endregion */
    /* #region Header Title Text */
    .textTitle {
        position: absolute;
        z-index: 200;
        color: #3c3c3c;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        font-size: 0.9rem;
        font-family: 'Century';
    }
    .textSubTitle {
        position: absolute;
        z-index: 200;
        color: #893f1e;
        left: 50%;
        top: 75%;
        transform: translate(-50%, -50%);
        font-size: 0.7rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region Header Buttons */
    #backbutton svg {
        height: 1.5rem;
    }
    #backbutton p {
        font-family: 'Graphik';
        font-size: 0.5rem;
    }
    #download_pdf svg {
        height: 2rem;
    }
    /* #endregion */
    /* #region Body main */
    .stackedText {
        display: block;
        position: absolute;
        pointer-events: none;
        background-color: (0, 0, 0, 0);
        left: 50%;
        top: 0;
        transform: translate(-50%);
        height: 100%;
        width: 100%;
        z-index: 1000;
    }
    .stackedText div {
        position: relative;
        pointer-events: auto;
        background-color: whitesmoke;
        color: #893f1e;
        font-family: 'Graphik';
        font-size: 0.5rem;
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 50%;
        text-align: center;
        transform: translate(-50%, -50%);
    }
    .stackedText div:hover {
        cursor: pointer;
        background-color: rgba(245, 245, 245, 0.274);
    }
    /* #endregion */
    /* #region footer main */
    #footer_container {
        height: 11.00811124vh;
        width: 100%;
        position: relative;
        display: none;
        background-color: #FFF;
    }
    /* #endregion */
}

/* #endregion iPhone 5s */

/* #endregion Mobile */

/* #region Tablets */

/* #region Nexus 7 */

@media screen and (min-device-width: 600px) and (max-device-width: 600px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    /* #region Header Title Text */
    .textTitle {
        position: absolute;
        z-index: 200;
        color: #3c3c3c;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        font-size: 1rem;
        font-family: 'Century';
    }
    .textSubTitle {
        position: absolute;
        z-index: 200;
        color: #893f1e;
        left: 50%;
        top: 65%;
        transform: translate(-50%, -50%);
        font-size: 0.6rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region Header Buttons */
    #backbutton svg {
        height: 1.2rem;
    }
    #backbutton p {
        font-family: 'Graphik';
        font-size: 0.5rem;
    }
    #download_pdf svg {
        height: 1.5rem;
    }
    /* #endregion */
    /* #region Body main */
    .stackedText {
        display: block;
        position: absolute;
        pointer-events: none;
        background-color: (0, 0, 0, 0);
        left: 50%;
        top: 0;
        transform: translate(-50%);
        color: #893f1e;
        font-family: 'Graphik';
        font-size: 0.9rem;
        height: 100%;
        width: 100%;
        z-index: 1000;
    }
    .stackedText div {
        position: relative;
        pointer-events: auto;
        background-color: whitesmoke;
        width: 70px;
        height: 70px;
        line-height: 70px;
        border-radius: 50%;
        text-align: center;
        transform: translate(-50%, -50%);
    }
    .stackedText div:hover {
        cursor: pointer;
        background-color: rgba(245, 245, 245, 0.274);
    }
    /* #endregion */
    /* #region Utilities */
    #exhibitionOverlay {
        font-size: 0.5rem;
    }
    #circle {
        position: absolute;
        left: 37.25%;
        transform: translate(-50%, -50%);
        top: 85%;
        height: 6.5rem;
        width: 6.5rem;
        z-index: 9999;
        border-radius: 50%;
        display: inline-block;
        background-color: rgb(63, 63, 63);
        color: white;
    }
    #circle p {
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.8rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region footer main */
    #footer_container {
        height: 11.00811124vh;
        width: 100%;
        position: relative;
        display: block;
        background-color: #FFF;
    }
    /* #endregion */
    /* #region footer Base Button Container */
    .basebar_button_container_main {
        line-height: 11.00811124vh;
        height: auto;
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .basebar_button_container {
        height: 11.00811124vh;
        position: relative;
        margin: 0px;
        text-align: center;
        opacity: 1;
        color: #5a5a5a !important;
        white-space: 'nowrap';
    }
    .basebar_button_active {
        color: #893f1e !important;
    }
    .basebar_button_container p {
        margin: 0px;
        position: absolute;
        font-size: 0.6rem;
        line-height: 0.6rem;
        font-family: "Graphik";
        left: 50%;
        top: 55%;
        transform: translate(-50%, -50%);
    }
    .basebar_button_container svg {
        height: 1.7rem;
        position: absolute;
        top: 2.5vh;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%);
    }
    .basebar_num_override {
        top: 56% !important;
    }
    .basebar_text_override {
        top: 75% !important;
    }
    .basebar_image_override {
        height: 2rem !important;
        position: absolute !important;
        left: 50% !important;
        top: 20% !important;
        transform: translate(-50%, -30%) !important;
    }
    /* #endregion */
}

/* Landscape */

@media screen and (min-device-width: 960px) and (max-device-width: 960px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    /* #region Header Title Text */
    .textTitle {
        position: absolute;
        z-index: 200;
        color: #3c3c3c;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        font-size: 1rem;
        font-family: 'Century';
    }
    .textSubTitle {
        position: absolute;
        z-index: 200;
        color: #893f1e;
        left: 50%;
        top: 65%;
        transform: translate(-50%, -50%);
        font-size: 0.6rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region Header Buttons */
    #backbutton svg {
        height: 1.2rem;
    }
    #backbutton p {
        font-family: 'Graphik';
        font-size: 0.5rem;
    }
    #download_pdf svg {
        height: 1.5rem;
    }
    /* #endregion */
    /* #region Body main */
    .stackedText {
        display: block;
        position: absolute;
        pointer-events: none;
        background-color: (0, 0, 0, 0);
        left: 50%;
        top: 0;
        transform: translate(-50%);
        color: #893f1e;
        font-family: 'Graphik';
        font-size: 0.9rem;
        height: 100%;
        width: 100%;
        z-index: 1000;
    }
    .stackedText div {
        position: relative;
        pointer-events: auto;
        background-color: whitesmoke;
        width: 70px;
        height: 70px;
        line-height: 70px;
        border-radius: 50%;
        text-align: center;
        transform: translate(-50%, -50%);
    }
    .stackedText div:hover {
        cursor: pointer;
        background-color: rgba(245, 245, 245, 0.274);
    }
    /* #endregion */
    /* #region Utilities */
    #exhibitionOverlay {
        font-size: 0.5rem;
    }
    #circle {
        position: absolute;
        left: 37.25%;
        transform: translate(-50%, -50%);
        top: 85%;
        height: 6.5rem;
        width: 6.5rem;
        z-index: 9999;
        border-radius: 50%;
        display: inline-block;
        background-color: rgb(63, 63, 63);
        color: white;
    }
    #circle p {
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.8rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region footer main */
    #footer_container {
        height: 11.00811124vh;
        width: 100%;
        position: relative;
        display: block;
        background-color: #FFF;
    }
    /* #endregion */
    /* #region footer Base Button Container */
    .basebar_button_container_main {
        line-height: 11.00811124vh;
        height: auto;
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .basebar_button_container {
        height: 11.00811124vh;
        position: relative;
        margin: 0px;
        text-align: center;
        opacity: 1;
        color: #5a5a5a !important;
        white-space: 'nowrap';
    }
    .basebar_button_active {
        color: #893f1e !important;
    }
    .basebar_button_container p {
        margin: 0px;
        position: absolute;
        font-size: 0.6rem;
        line-height: 0.6rem;
        font-family: "Graphik";
        left: 50%;
        top: 55%;
        transform: translate(-50%, -50%);
    }
    .basebar_button_container svg {
        height: 1.7rem;
        position: absolute;
        top: 2.5vh;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%);
    }
    .basebar_num_override {
        top: 56% !important;
    }
    .basebar_text_override {
        top: 75% !important;
    }
    .basebar_image_override {
        height: 2rem !important;
        position: absolute !important;
        left: 50% !important;
        top: 20% !important;
        transform: translate(-50%, -30%) !important;
    }
    /* #endregion */
}

/* #endregion */

/* #region Nexus 10 */

@media screen and (min-device-width: 800px) and (max-device-width: 800px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    /* #region Header Title Text */
    .textTitle {
        position: absolute;
        z-index: 200;
        color: #3c3c3c;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        font-size: 1rem;
        font-family: 'Century';
    }
    .textSubTitle {
        position: absolute;
        z-index: 200;
        color: #893f1e;
        left: 50%;
        top: 65%;
        transform: translate(-50%, -50%);
        font-size: 0.6rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region Header Buttons */
    #backbutton svg {
        height: 1.2rem;
    }
    #backbutton p {
        font-family: 'Graphik';
        font-size: 0.5rem;
    }
    #download_pdf svg {
        height: 1.5rem;
    }
    /* #endregion */
    /* #region Body main */
    .stackedText {
        display: block;
        position: absolute;
        pointer-events: none;
        background-color: (0, 0, 0, 0);
        left: 50%;
        top: 0;
        transform: translate(-50%);
        color: #893f1e;
        font-family: 'Graphik';
        font-size: 0.9rem;
        height: 100%;
        width: 100%;
        z-index: 1000;
    }
    .stackedText div {
        position: relative;
        pointer-events: auto;
        background-color: whitesmoke;
        width: 70px;
        height: 70px;
        line-height: 70px;
        border-radius: 50%;
        text-align: center;
        transform: translate(-50%, -50%);
    }
    .stackedText div:hover {
        cursor: pointer;
        background-color: rgba(245, 245, 245, 0.274);
    }
    /* #endregion */
    /* #region Utilities */
    #exhibitionOverlay {
        font-size: 0.5rem;
    }
    #capacityChartTable th:nth-child(1) {
        width: 4rem;
    }
    #capacityChartTable th {
        height: 2rem;
        font-weight: 100;
        font-size: 0.6rem;
    }
    #capacityChartTable td {
        height: 1.2rem;
        font-size: 0.4rem;
    }
    #circle {
        position: absolute;
        left: 37.25%;
        transform: translate(-50%, -50%);
        top: 85%;
        height: 6.5rem;
        width: 6.5rem;
        z-index: 9999;
        border-radius: 50%;
        display: inline-block;
        background-color: rgb(63, 63, 63);
        color: white;
    }
    #circle p {
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.8rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region footer main */
    #footer_container {
        height: 11.00811124vh;
        width: 100%;
        position: relative;
        display: block;
        background-color: #FFF;
    }
    /* #endregion */
    /* #region footer Base Button Container */
    .basebar_button_container_main {
        line-height: 11.00811124vh;
        height: auto;
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .basebar_button_container {
        height: 11.00811124vh;
        position: relative;
        margin: 0px;
        text-align: center;
        opacity: 1;
        color: #5a5a5a !important;
        white-space: 'nowrap';
    }
    .basebar_button_active {
        color: #893f1e !important;
    }
    .basebar_button_container p {
        margin: 0px;
        position: absolute;
        font-size: 0.6rem;
        line-height: 0.6rem;
        font-family: "Graphik";
        left: 50%;
        top: 55%;
        transform: translate(-50%, -50%);
    }
    .basebar_button_container svg {
        height: 1.7rem;
        position: absolute;
        top: 2.5vh;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%);
    }
    .basebar_num_override {
        top: 56% !important;
    }
    .basebar_text_override {
        top: 75% !important;
    }
    .basebar_image_override {
        height: 2rem !important;
        position: absolute !important;
        left: 50% !important;
        top: 20% !important;
        transform: translate(-50%, -30%) !important;
    }
    /* #endregion */
}

/* Landscape */

@media screen and (min-device-width: 1280px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    /* #region Header Title Text */
    .textTitle {
        position: absolute;
        z-index: 200;
        color: #3c3c3c;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        font-size: 1rem;
        font-family: 'Century';
    }
    .textSubTitle {
        position: absolute;
        z-index: 200;
        color: #893f1e;
        left: 50%;
        top: 65%;
        transform: translate(-50%, -50%);
        font-size: 0.6rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region Header Buttons */
    #backbutton svg {
        height: 1.2rem;
    }
    #backbutton p {
        font-family: 'Graphik';
        font-size: 0.5rem;
    }
    #download_pdf svg {
        height: 1.5rem;
    }
    /* #endregion */
    /* #region Body main */
    .stackedText {
        display: block;
        position: absolute;
        pointer-events: none;
        background-color: (0, 0, 0, 0);
        left: 50%;
        top: 0;
        transform: translate(-50%);
        color: #893f1e;
        font-family: 'Graphik';
        font-size: 0.9rem;
        height: 100%;
        width: 100%;
        z-index: 1000;
    }
    .stackedText div {
        position: relative;
        pointer-events: auto;
        background-color: whitesmoke;
        width: 70px;
        height: 70px;
        line-height: 70px;
        border-radius: 50%;
        text-align: center;
        transform: translate(-50%, -50%);
    }
    .stackedText div:hover {
        cursor: pointer;
        background-color: rgba(245, 245, 245, 0.274);
    }
    /* #endregion */
    /* #region Utilities */
    #exhibitionOverlay {
        font-size: 0.6rem;
    }
    #capacityChartTable th:nth-child(1) {
        width: 4rem;
    }
    #capacityChartTable th {
        height: 2rem;
        font-weight: 100;
        font-size: 0.6rem;
    }
    #capacityChartTable td {
        height: 1.2rem;
        font-size: 0.4rem;
    }
    #circle {
        position: absolute;
        left: 37.25%;
        transform: translate(-50%, -50%);
        top: 85%;
        height: 6.5rem;
        width: 6.5rem;
        z-index: 9999;
        border-radius: 50%;
        display: inline-block;
        background-color: rgb(63, 63, 63);
        color: white;
    }
    #circle p {
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.8rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region footer main */
    #footer_container {
        height: 11.00811124vh;
        width: 100%;
        position: relative;
        display: block;
        background-color: #FFF;
    }
    /* #endregion */
    /* #region footer Base Button Container */
    .basebar_button_container_main {
        line-height: 11.00811124vh;
        height: auto;
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .basebar_button_container {
        height: 11.00811124vh;
        position: relative;
        margin: 0px;
        text-align: center;
        opacity: 1;
        color: #5a5a5a !important;
        white-space: 'nowrap';
    }
    .basebar_button_active {
        color: #893f1e !important;
    }
    .basebar_button_container p {
        margin: 0px;
        position: absolute;
        font-size: 0.6rem;
        line-height: 0.6rem;
        font-family: "Graphik";
        left: 50%;
        top: 55%;
        transform: translate(-50%, -50%);
    }
    .basebar_button_container svg {
        height: 1.7rem;
        position: absolute;
        top: 2.5vh;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%);
    }
    .basebar_num_override {
        top: 56% !important;
    }
    .basebar_text_override {
        top: 75% !important;
    }
    .basebar_image_override {
        height: 2rem !important;
        position: absolute !important;
        left: 50% !important;
        top: 20% !important;
        transform: translate(-50%, -30%) !important;
    }
    /* #endregion */
}

/* #endregion */

/* #region iPad */

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    /* #region Header Title Text */
    .textTitle {
        position: absolute;
        z-index: 200;
        color: #3c3c3c;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        font-size: 1rem;
        font-family: 'Century';
    }
    .textSubTitle {
        position: absolute;
        z-index: 200;
        color: #893f1e;
        left: 50%;
        top: 65%;
        transform: translate(-50%, -50%);
        font-size: 0.6rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region Header Buttons */
    #backbutton svg {
        height: 1.5rem;
    }
    #backbutton p {
        font-family: 'Graphik';
        font-size: 0.5rem;
    }
    #download_pdf svg {
        height: 1.8rem;
    }
    /* #endregion */
    /* #region Body main */
    .stackedText {
        display: block;
        position: absolute;
        pointer-events: none;
        background-color: (0, 0, 0, 0);
        left: 50%;
        top: 0;
        transform: translate(-50%);
        color: #893f1e;
        font-family: 'Graphik';
        font-size: 1rem;
        height: 100%;
        width: 100%;
        z-index: 1000;
    }
    .stackedText div {
        position: relative;
        pointer-events: auto;
        background-color: whitesmoke;
        width: 80px;
        height: 80px;
        line-height: 80px;
        border-radius: 50%;
        text-align: center;
        transform: translate(-50%, -50%);
    }
    .stackedText div:hover {
        cursor: pointer;
        background-color: rgba(245, 245, 245, 0.274);
    }
    /* #endregion */
    /* #region Utilities */
    #exhibitionOverlay {
        font-size: 0.5rem;
    }
    #capacityChartTable th:nth-child(1) {
        width: 4rem;
    }
    #capacityChartTable th {
        height: 2rem;
        font-weight: 100;
        font-size: 0.6rem;
    }
    #capacityChartTable td {
        height: 1.2rem;
        font-size: 0.4rem;
    }
    #circle {
        position: absolute;
        left: 37.25%;
        transform: translate(-50%, -50%);
        top: 85%;
        height: 5rem;
        width: 5rem;
        z-index: 9999;
        border-radius: 50%;
        display: inline-block;
        background-color: rgb(63, 63, 63);
        color: white;
    }
    #circle p {
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.7rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region footer main */
    #footer_container {
        height: 11.00811124vh;
        width: 100%;
        position: relative;
        display: block;
        background-color: #FFF;
    }
    /* #endregion */
    /* #region footer Base Button Container */
    .basebar_button_container_main {
        line-height: 11.00811124vh;
        height: auto;
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .basebar_button_container {
        height: 11.00811124vh;
        position: relative;
        margin: 0px;
        text-align: center;
        opacity: 1;
        color: #5a5a5a !important;
        white-space: 'nowrap';
    }
    .basebar_button_active {
        color: #893f1e !important;
    }
    .basebar_button_container p {
        margin: 0px;
        position: absolute;
        font-size: 0.5rem;
        line-height: 0.5rem;
        font-family: "Graphik";
        left: 50%;
        top: 55%;
        transform: translate(-50%, -50%);
    }
    .basebar_button_container svg {
        height: 1.3rem;
        position: absolute;
        top: 2.5vh;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%);
    }
    .basebar_num_override {
        top: 56% !important;
    }
    .basebar_text_override {
        top: 75% !important;
    }
    .basebar_image_override {
        height: 1.7rem !important;
        position: absolute !important;
        left: 50% !important;
        top: 20% !important;
        transform: translate(-50%, -30%) !important;
    }
    /* #endregion */
}

/* #endregion iPad */

/* #region iPad Pro */

@media only screen and (max-device-width: 1366px) and (min-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
    /* #region Header Title Text */
    .textTitle {
        position: absolute;
        z-index: 200;
        color: #3c3c3c;
        left: 50%;
        top: 35%;
        transform: translate(-50%, -50%);
        font-size: 1.5rem;
        font-family: 'Century';
    }
    .textSubTitle {
        position: absolute;
        z-index: 200;
        color: #893f1e;
        left: 50%;
        top: 65%;
        transform: translate(-50%, -50%);
        font-size: 0.9rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region Header Buttons */
    #backbutton svg {
        height: 2rem;
    }
    #backbutton p {
        font-family: 'Graphik';
        font-size: 0.7rem;
    }
    #download_pdf svg {
        height: 2.5rem;
    }
    /* #endregion */
    /* #region Body main */
    .stackedText {
        display: block;
        position: absolute;
        pointer-events: none;
        background-color: (0, 0, 0, 0);
        left: 50%;
        top: 0;
        transform: translate(-50%);
        color: #893f1e;
        font-family: 'Graphik';
        font-size: 1.5rem;
        height: 100%;
        width: 100%;
        z-index: 1000;
    }
    .stackedText div {
        position: relative;
        pointer-events: auto;
        background-color: whitesmoke;
        width: 140px;
        height: 140px;
        border-radius: 50%;
        text-align: center;
        line-height: 140px;
        transform: translate(-50%, -50%);
    }
    .stackedText div:hover {
        cursor: pointer;
        background-color: rgba(245, 245, 245, 0.274);
    }
    /* #endregion */
    /* #region Utilities */
    #exhibitionOverlay {
        font-size: 0.8rem;
    }
    #capacityChartTable th:nth-child(1) {
        width: 8rem;
    }
    #capacityChartTable th {
        height: 2rem;
        font-weight: 100;
        font-size: 0.8rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        white-space: nowrap;
    }
    #capacityChartTable td {
        height: 1.5rem;
        font-size: 0.7rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        white-space: nowrap;
    }
    #circle {
        position: absolute;
        left: 37.25%;
        transform: translate(-50%, -50%);
        top: 85%;
        height: 6.5rem;
        width: 6.5rem;
        z-index: 9999;
        border-radius: 50%;
        display: inline-block;
        background-color: rgb(63, 63, 63);
        color: white;
    }
    #circle p {
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.8rem;
        font-family: 'Graphik';
    }
    /* #endregion */
    /* #region footer main */
    #footer_container {
        height: 11.00811124vh;
        width: 100%;
        position: relative;
        display: block;
        background-color: #FFF;
    }
    /* #endregion */
    /* #region footer Base Button Container */
    .basebar_button_container_main {
        line-height: 11.00811124vh;
        height: auto;
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .basebar_button_container {
        height: 11.00811124vh;
        position: relative;
        margin: 0px;
        text-align: center;
        opacity: 1;
        color: #5a5a5a !important;
        white-space: 'nowrap';
    }
    .basebar_button_active {
        color: #893f1e !important;
    }
    .basebar_button_container p {
        margin: 0px;
        position: absolute;
        font-size: 0.65rem;
        line-height: 0.65rem;
        font-family: "Graphik";
        left: 50%;
        top: 55%;
        transform: translate(-50%, -50%);
    }
    .basebar_button_container svg {
        height: 1.7rem;
        position: absolute;
        top: 2.5vh;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%);
    }
    .basebar_num_override {
        top: 55% !important;
    }
    .basebar_text_override {
        top: 75% !important;
    }
    .basebar_image_override {
        height: 2.25rem !important;
        position: absolute !important;
        left: 50% !important;
        top: 30% !important;
        transform: translate(-50%, -30%) !important;
    }
    /* #endregion */
}

/* #endregion iPad Pro */

/* #endregion Tablets */

/* #endregion Media Queries */