.embed-responsive {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    height: 1950px;
    /* Fixed height - adjust as needed */
    overflow: hidden;
}

.embed-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    overflow: hidden !important;
}

/* Hide scrollbars completely */
.embed-responsive iframe::-webkit-scrollbar {
    display: none;
}

.embed-responsive iframe {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

@media (max-width: 768px) {
    .embed-responsive {
        max-width: 100%;
        margin: 0 10px;
        height: 1950px;
    }
}

@media (max-width: 480px) {
    .embed-responsive {
        height: 1950px;
    }
}



/* Logo tweaks */

/* 0. Make sure the bar can show overflow */
#stickyHeader {
    overflow: visible;
}

/* 1. Prepare the logo container */
#stickyHeader .logo {
    position: relative;
    /* establishes containing block */
}

/* 2. Crest positioning on desktop */
@media (min-width: 768px) {
    #stickyHeader .logo img {
        position: absolute;
        /* take it out of normal flow */
        left: 0;
        /* keep original left align */
        bottom: -135px;
        /* hang 55 px below bar – adjust to taste */
        height: 160px;
        /* crest’s total height */
        width: auto;
    }
}

/* 3. Mobile variant (optional) */
@media (max-width: 767.98px) {
    #stickyHeader .logo-mobile img {
        position: absolute;
        left: 17px;
        top: 5px;
        /* smaller overhang on phones */
        height: 90px;
        width: auto;
    }
}