body {
    background-image: url(walalabackground.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    text-align: center;
}

#home-icon {
    position: fixed;
    top: 5px; /* Adjust the vertical position as needed */
    left: 20px; /* Adjust the horizontal position as needed */
    width: 200px; /* Adjust the width as needed */
    height: auto;
    z-index: 1000; /* Ensure it's on top of other elements */
    cursor: pointer; /* Show the hand cursor on hover */
}

.info {
    padding: 20px;
    text-align: center;
}

.info p {
    font-size: 20px;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 20px;
    max-width: 100%;
    margin: 0 auto;
}

.prices {
    font-size: 20px;
    background-color: rgba(255, 255, 255, 0.5);
    max-width: 100%;
    margin: 20px auto;
    padding: 10px;
}

.sessions {
    text-align: center;
    margin-top: 20px;
}

.book-session-button {
    background-color: rgba(33, 31, 31, 0.384);
    color: #000000;
    text-align: center;
    padding: 15px;
    width: 80%;
    margin: 20px auto;
    border-radius: 10px;
    cursor: pointer;
}


@media screen and (max-width: 414px) {
    .info p,
    .prices {
        font-size: 16px;
        padding: 10px;
    }

    .sessions {
        margin-top: 10px;
    }

    .book-session-button {
        padding: 10px;
        width: 90%;
    }
    #home-icon {
        width: 90px; /* Decrease the width for smaller screens */
        left: 10px; /* Adjust the left position */
        top: 10px; /* Adjust the top position */
    }
}

@media screen and (min-width: 415px) {
    .info p,
    .prices {
        font-size: 16px;
        padding: 10px;
    }

    .sessions {
        margin-top: 10px;
    }

    .book-session-button {
        padding: 10px;
        width: 90%;
    }
    #home-icon {
        width: 90px; /* Decrease the width for smaller screens */
        left: 10px; /* Adjust the left position */
        top: 10px; /* Adjust the top position */
    }
}
