h1 {
color: rgb(138, 140, 143);
background-color: black;
padding:10px;
text-align: left;
font-size: 15px;
font-style: normal;
font-family: "Majesti Banner"
}
h2 {
color: rgb(138, 140, 143);
background-color: black;
padding:0px;
text-align: left;
font-size: 50px;
font-style: normal;
font-family: "Majesti Banner"
}

.btn-group button {
    background-color: #868d86; /* Gray background */
    border: 1px solid grey; /* Gray border */
    color: white; /* White text */
    padding: 10px 24px; /* Some padding */
    cursor: pointer; /* Pointer/hand icon */
    float: right; /* Float the buttons side by side */
    font-family: "Majesti Banner"
}

/* Clear floats (clearfix hack) */
.btn-group:after {
    content: "";
    clear: both;
    display: table;
}

.btn-group button:not(:last-child) {
    border-left: none; /* Prevent double borders */
}

/* Add a background color on hover */
.btn-group button:hover {
    background-color: #666d66;
}

.reservation button {
    background-color: firebrick ; /* Red background */
    border: 1px solid firebrick; /* Red border */
    font-size: 20px;
    color: white; /* White text */
    padding: 20px 40px; /* Some padding */
    cursor: pointer; /* Pointer/hand icon */
    text-align: center;
    position: absolute;
    top: 75%;
    left: 45%;
    align-items:center; /* Float the buttons side by side */
    font-family: "Majesti Banner"
}

/* Clear floats (clearfix hack) */
.reservation:after {
    content: "";
    clear: both;
    display: table;
}


/* Add a background color on hover */
.btn-group button:hover {
    background-color:darkred;
}

* {
    padding: 0;
    margin: 0;
}

html, body {
    height: 93%;
}

#container {
    height: 100%;
    border-collapse: collapse;
}