.booking form {
    margin-top: 2.5vh;
    width: 100%;
}

.booking span input[type=button]:disabled {
    opacity: 0.5;
}

.booking span {
    display: flex;
    justify-content: center;
}

.booking span table {
    font-size: large;
}

.booking table caption {
    color: white;
}

.booking table caption a {
    color: white
}

.booking span tr:nth-child(1) th {
    color: white;
}

@media screen and (min-width: 899px) { 
    .booking input {
        width: 40%;
        padding: 0.5vw;
        margin-bottom: 1vh;
        background: white;
        border: 0.25vh solid #7c838aff;
        border-radius: 0.5vw;
    }

    .booking span input[type=button] {
        padding: 0.5vh 0.5vw;
        width: fit-content;
        font-size: x-large;
    }

    .booking select {
        width: 92.5%;
        padding: 2.5%;
        margin-bottom: 1vh;
        border-radius: 0.5vw;
    }

    .booking input[type="submit"] {
        width: 92.5%;
    }
}

@media screen and (max-width: 900px) {
    .booking table caption {
        font-size: medium;
    }

    .booking input {
        width: 82%;
        padding: 1%;
        margin-bottom: 1vh;
        background: white;
        border: 0.25vh solid #7c838aff;
        border-radius: 2.5vw;
    }

    .booking span input[type=button] {
        padding: 2.5%;
        width: fit-content;
        font-size: large;
    }

    .booking select {
        width: 85%;
        padding: 1%;
        margin-bottom: 1vh;
        border-radius: 2.5vw;
    }

    .booking input[type=submit] {
        width: 85%;
    }
}