/* Hide the hamburger menu by default */
.hamburger-menu {
    display: none;
}

/* Show the hamburger menu on smaller screens */
@media (max-width: 768px) {
    .hamburger-menu {
        display: block;
        cursor: pointer;
        font-size: 24px;
        padding: 10px;
    }

    /* Hide the navigation links on smaller screens */
    .top-nav-bar {
        display: none;
        flex-direction: column;
    }

    /* Show the navigation links when the hamburger menu is clicked */
    .top-nav-bar.show {
        display: flex;
    }
}

.video-wrapper {
    position: relative;
    max-width: 854px; /* Default width of the video */
    width: 100%; /* Responsive width */
    overflow: hidden;
    margin: 0 auto; /* Center the video */
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}