/* Only positioning changes: existing colors, type, buttons and ads are retained. */
@media screen and (min-width: 769px) {
    #container .right .fixed-table.fixed {
        position: relative;
        margin-top: 0;
    }
}

/* The title must wrap inside its existing column instead of behind the image. */
#hero-title .highlight {
    white-space: normal;
}

/* Keep the historic homepage's theme and content readable on small screens. */
@media screen and (max-width: 800px) {
    body.emule-legacy-home {
        margin: 8px;
    }
    .emule-legacy-home > div[align="center"] > table {
        width: 100%;
        max-width: 789px;
        table-layout: fixed;
    }
    .emule-legacy-home table {
        max-width: 100%;
    }
    .emule-legacy-home img {
        max-width: 100%;
        height: auto;
    }
    .emule-legacy-home td {
        overflow-wrap: anywhere;
    }
    .emule-legacy-home td[width="23%"],
    .emule-legacy-home td[width="77%"] {
        display: block;
        width: auto;
    }
    .emule-legacy-home input[type="text"] {
        max-width: 90%;
        box-sizing: border-box;
    }
}