h1, h2, h3 {
    font-weight: bold;
}
.entry-pass-table td:first-child {
    text-align: left;
    font-weight: bold;
    color: #5E3DA3;
}

.entry-pass-table td:last-child {
    text-align: right;
    font-weight: bold;
    color: #D9BEF3;
}

.entry-pass-table tr {
    border-bottom: 1px solid #575757;
    vertical-align: top;
}

.entry-pass-table td {
    font-size: 26px;
}

.rundown-table {
    width: 100%;
    margin: 0 auto;
    color: #333;
}

.rundown-table th, .rundown-table td {
    padding: 10px 20px;
    border: 4px solid #775136;
}

.rundown-table th {
    background-color: #333;
    color: #fff;
}

.time-cell {
    width: 30%;
    background-color: #EFEFEF;
    color: #333;
    font-weight: bold;
    font-size: 14px;
}

.event-cell {
    text-align: center;
    background-color: #EFEFEF;
    font-size: 14px;
    font-weight: bold;
}

.highlight-row {
    background-color: #EFEFEF;
}

.card-map {
    background-color: #9B593D;
}

.navbar {
    background-color: #C4815C;
}

@media only screen and (max-width: 767px) {

    .div-content {
        width: 100%;
    }

    .card-event-date {
        position: relative;
        height: 40vh;
    }

    .img-event-date {
        pointer-events: none;
        width: 80%;
        position: absolute;
        bottom: -48px;
        right: 0;
    }

    .card-guest-star {
        position: relative;
        height: 60vh;
    }

    .img-guest-star {
        pointer-events: none;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -150px;
    }

    .card-map {
        padding-inline: 1.5rem;
        padding-top: 1.65rem;
        padding-bottom: 1.65rem;
    }

    .navbar {
        overflow: hidden;
        position: fixed; /* Set the navbar to fixed position */
        top: 0; /* Position the navbar at the top of the page */
        left: 0;
        right: 0;
        width: 100%; /* Full width */
        z-index: 1;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
    .div-content {
        width: 70%;
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        padding-right: calc(var(--bs-gutter-x)* .5);
        padding-left: calc(var(--bs-gutter-x)* .5);
        margin-right: auto;
        margin-left: auto;
    }

    .card-event-date {
        position: relative;
        height: 35vh;
    }

    .img-event-date {
        pointer-events: none;
        width: 75%;
        position: absolute;
        bottom: -64px;
        right: 0;
    }

    .card-guest-star {
        position: relative;
        height: 55vh;
    }

    .img-guest-star {
        pointer-events: none;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -191px;
    }

    .card-map {
        padding-inline: 1.5rem;
        padding-top: 2.25rem;
        padding-bottom: 2.25rem;
    }

    .navbar {
        overflow: hidden;
        position: fixed; /* Set the navbar to fixed position */
        top: 0; /* Position the navbar at the top of the page */
        left: 0;
        right: 0;
        width: 100%; /* Full width */
        z-index: 1;
    }
}


@media only screen and (min-width: 1280px) {
    .div-content {
        width: 30%;
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        padding-right: calc(var(--bs-gutter-x)* .5);
        padding-left: calc(var(--bs-gutter-x)* .5);
        margin-right: auto;
        margin-left: auto;
    }

    .card-event-date {
        position: relative;
        height: 40vh;
    }

    .img-event-date {
        pointer-events: none;
        width: 80%;
        position: absolute;
        bottom: -53px;
        right: 0;
    }

    .card-guest-star {
        position: relative;
        height: 70vh;
    }

    .img-guest-star {
        pointer-events: none;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -150px;
    }

    .card-map {
        padding: 1.75rem;
    }

    .navbar {
        overflow: hidden;
        position: fixed; /* Set the navbar to fixed position */
        top: 0; /* Position the navbar at the top of the page */
        left: 0;
        right: 0;
        width: 100%; /* Full width */
        z-index: 1;
    }
}