/* 1. Invalid value in your body rule ("cover 100%"), which can break the background on reload */
body {
    background-size: cover;
    background-attachment: scroll;
    min-height: 100vh;
    overflow-x: auto;
}

/* 2. Let the content box grow with the page instead of clipping it */
#content {
    height: auto;
    overflow: visible;
    align-items: flex-start;
    position: relative;
}

/* 3. Stop tabs and columns from clipping content */
.features .tabs,
.features .tabs a {
    overflow: visible;
}

/* 4. Footer and bottom image sit BEHIND the page (z-index:-1), which can hide the end of the content after a reload */
#cbot,
footer {
    z-index: 0;
    pointer-events: none;
}
footer #flogos a { pointer-events: auto; }

/* 5. Keep the fixed banner from covering page content */
.left-banners.flex-ss {
    z-index: 5;
    max-width: 100%;
}

/* 6. Header video: reserve its space so the layout doesn't jump when it loads late on refresh */
header {
    height: 800px;
}
header #hvideo video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}