#page {
    overflow: hidden;
}

@media all and (max-width: 767px) {
    .character-pop {
        /**
         * The .character-pop-wrapper was also being targeted here. It got removed
         * because some panes on the front-page was not displaying on mobile devices.
         */
        visibility: hidden;
    }
}

.character-pop-wrapper {
    position: relative;
    /**
     * This is necessary to prevent overlapping the marquee, but we're keeping
     * it under the z-index for flash facts in .factoid.views-row
     */
    z-index: 10;
}

.character-pop {
    /**
     * There was a rule (z-index: -1) that was removed because the character pop
     * on the front-page was being positioned behind the logo in the footer.
     */
    position: absolute;
}