.editFormWrapper {
    max-width: 800px;
    margin: 15px auto;
}

.moduleEditActionButtons {
    margin-top: 20px;
}

.reservationWrapper {
    max-width: 1500px;
    width: 85vw;
    margin: 0 auto;
    padding: 100px 0;
}

    .reservationWrapper .secondLevelHeading {
        margin: 100px 0 80px 0;
    }

    .reservationWrapper h3 {
        font-family: 'futura book';
        font-size: 50px;
        color: #3D2A18;
    }

    .reservationWrapper table {
        font-family: 'futura book';
        margin: 0 auto 25px;
        width: 95%;
        border-collapse: separate;
        border-spacing: 1px;
    }

    .reservationWrapper h3 {
        text-align: center;
    }

    .reservationWrapper th {
        font-family: 'futura bold';
        text-align: center;
        vertical-align: central;
    }

    .reservationWrapper tr {
        height: 60px;
    }

    .reservationWrapper td {
        text-align: right;
        vertical-align: top;
        height: 75px;
        width: 14%;
        padding: 3px 3px 0 0;
        font-size: 16px;
    }

    .reservationWrapper td:not(.\$575):not(.\$735):not(.\$785):not(.\$945):not(.blocked) {
            color: #3D2A18;
            border: 1px solid #60220E;
        }

    .reservationWrapper .\$575,
    .reservationWrapper .\$735,
    .reservationWrapper .\$785,
    .reservationWrapper .\$945,
    .blocked {
        border: 1px solid white;
    }

    .reservationWrapper td span {
        font-size: 12px;
    }

    .reservationWrapper .br {
        display: block;
        margin-bottom: -0.5em;
    }

    .reservationWrapper .br-double {
        display: block;
        margin-bottom: 0.6em;
    }

    /* Note: this one has to come below the other styles so that it overrides them if the date is blocked. */

    .reservationWrapper .blocked {
        text-decoration: line-through;
        background-color: #9E9E9E;
        color: white;
    }

/* Legend Styles */
.miniLegend {
    border-bottom: 1px solid #3D2A18;
    position: sticky;
    top: 0;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.8);
}

.mins {
    font-family: 'futura book';
    font-size: 22px;
    color: #3D2A18;
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content;
}

    .mins p {
        display: inline-block;
        margin: 15px 10px;
    }

.prices {
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content;
}

.demo {
    height: 60px;
    width: 60px;
    margin: 0 auto;
}

.price {
    font-family: 'futura book';
    font-size: 26px;
    color: #3D2A18;
    display: inline-block;
    margin: 25px;
}

    .price p {
        margin-bottom: 0;
    }

@media (max-width: 767px) {
    .reservationWrapper h3 {
        font-size: 35px;
    }
}

@media (max-width: 992px) {
    .price {
        position: relative;
        display: block;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto;
        font-size: 24px;
    }

    .demo {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 50%;
        transform: translateY(-55%);
        left: -50px;
    }

        .demo.blocked {
            left: -39px;
        }

    .miniLegend {
        position: static;
    }

    .mins p {
        display: block;
    }
}