html, body {
    height: 100%;
    margin: 0;
    overflow: hidden;
}


#content {
    display: flex;
    flex-flow: column;
    height: 100%;
}

#iframe_container_with_keyword {
    min-height: 40vh;
    flex: 4 1 auto;     /* flex-grow | flex-shrink | flex-basis */
    overflow: auto;
}

#iframe_container_default {
    width: 100%;
    height: 100%;
    background-color: white;
    min-height: 40vh;
    overflow: visible;
}

#iframe_header {
    flex: 0 1 auto;     /* flex-grow | flex-shrink | flex-basis */
}

#iframe_footer {
    flex: 0 1 20px;     /* flex-grow | flex-shrink | flex-basis */
}

#ad-feed {
    width: 100%;
    height: 100%;
    border-style: none;
}

/* Adaptive styling for the main content */

/* For desktop */
@media only screen and (min-width: 1280px) {
    #iframe_container_with_keyword {
        width: 1200px;
        margin: auto;
    }

    #iframe_container_default {
        width: 1200px;
        margin: auto;
    }
}