.display-none {
    display: none;
}

header {
    margin-bottom: 5%;
}

footer {
    margin-top: 5%;
}

/* Style for booked dates */
.booked-day {
    background-color: #f2f2f2; /* Gray background color */
    color: #999; /* Gray text color */
    cursor: not-allowed; /* Show the not-allowed cursor */
    pointer-events: none; /* Disable pointer events on the grayed out dates */
}

.disabled-div {
    opacity: 0.5; /* Reduce opacity to make it appear disabled */
    pointer-events: none; /* Disable pointer events to prevent interactions */
}

body {
    background-color: black;
}

.centered-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.logo{
    width: 10%;
}

.bts {
    width: 70%;
}

.youtube {
    width: 500px;
    height: 281px;
}

a {
    text-decoration: none !important;
    color: orange;
}

/* Extra Small Devices (Phones) */
@media (max-width: 576px) {
    .logo{
        width: 25%;
    }

    .bts {
        width: 90%;
    }

    .youtube {
        width: 300px;
        height: 169px;
    }
}

/* Small Devices (Tablets and Large Phones) */
@media (min-width: 577px) and (max-width: 768px) {
    .logo{
        width: 20%;
    }
    .bts {
        width: 80%;
    }
    .youtube {
        width: 500px;
        height: 281px;
    }
}

/* Medium Devices (Tablets and Small Laptops) */
@media (min-width: 769px) and (max-width: 992px) {
    .logo{
        width: 15%;
    }
    .bts {
        width: 70%;
    }
    .youtube {
        width: 600px;
        height: 338px;
    }
}

/* Large Devices (Desktops and Laptops) */
@media (min-width: 993px) and (max-width: 1200px) {
    .logo{
        width: 20%;
    }
    .bts {
        width: 60%;
    }
    .youtube {
        width: 800px;
        height: 450px;
    }
}

/* Extra Large Devices (Large Desktops and Monitors) */
@media (min-width: 1201px) {
    .logo{
        width: 15%;
    }
    .bts {
        width: 50%;
    }
    .youtube {
        width: 1000px;
        height: 563px;
    }
}

.justify-text {
    text-align: justify;
    text-justify: inter-word;
}

.enlarge-link {
    font-size: x-large;
    transition: transform 0.2s, background-color 0.2s;
    background-color: transparent;
}

.enlarge-link:hover {
    transform: scale(2.0);
    background-color: red; /* Change to your desired background color */
    color: #feffc4; /* Change to your desired text color */
}

.text-color-white {
    color:white;
}