body {
    background-color: #19BCB1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.main-container {
    background-color: #C4E8E5;
    border-radius: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1% 1% 2% 1%;
}

.buttons {
    margin-top: 2%;
}

.img-logo {
    width: 100%;
}


.booking-btn {
    background: #1E5A99; 
    color: #ffffff; 
    padding: 1rem 2rem; 
    border: none; 
    font: bold 18px Arial; 
    cursor: pointer;
    border-radius: 0.5rem;
}



@media (max-width: 767px) {
    .main-container {
        border-radius: 2rem;
        padding: 1% 0 5% 0;
    }

    .img-logo-container {
        display: flex;
        justify-content: center;
    }

    .img-logo {
        width: 70%;
    }

    .buttons {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .buttons:nth-child(1){
        margin-top: 5%;
    }

    .booking-btn {
        padding: 0.8rem 1.6rem;  
        font: bold 14px Arial; 
    }

    .booking-btn.bottom-btn {
        margin-top: 0.5rem;
    }

}