body{
    background-color:#EFE9D5;
}
.cay{
    background-color: #e2eaec;
}
.cay .container{
    background: #ece4e2;
}
.container {
    max-width: 800px;
    background: #27445D;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h2 {
    text-align: center;
    margin-bottom: 20px;
    color:#27445D;
    font-weight: bold;
}
.cay label{
    color:#491710;
}
label{
    font-weight: bold;
    color:#71BBB2;
}
.cay .reservation_button{
    color:white;
    text-decoration: none;
    font-weight: bold;
    text-transform:uppercase;
    letter-spacing: 2px;
    cursor: pointer;
}
.reservation_button a, .events_button a{
    color:white;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    cursor: pointer;
}
button {
    width: 100%;
}
img{
    max-height: 100px;
    margin:2rem;
}
.event-card {
    background: #EFE9D5;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 10px;
}

.events h1{
    text-align: center;
    color:#71BBB2;
    font-weight: bold;
}

.events h3{
    color:#EFE9D5;
    margin-bottom:1rem;
    font-weight: bold;
}

.events ul{
    color: #EFE9D5;
}

h3{
    color: #71BBB2;
    font-weight: bold;
}


@media (max-width: 767px) {
    .reservation-row > .col-md-2,
    .reservation-row > .col-md-3,
    .reservation-row > .col-md-4 {
        margin-bottom: 15px;
    }
}