@media screen and (max-width: 770px) {
    body {
        font-size: 12px;
        line-height: unset;
    }

    .main_content,
    .separator {
        width: calc(100vw - 40px);
    }

    .header {
        float: unset;
        text-align: center;
        image-rendering: pixelated;
    }

    .items {
        margin-top: 8px;
    }

    .loggedin {
        margin-bottom: 8px;
        font-size: 14px;
        text-align: center;
    }

    .sitemenu {
        padding-top: 0;
        line-height: 2em;
        text-align: justify;
        text-align-last: center;
    }

    .sitemenu a {
        text-align: left;
        margin-right: 8px;
    }

    .piles {
        width: 100%;
    }

    .pile {
        display: block;
        margin-bottom: 27px;
        width: 100%;
        padding-right: 0 !important;
    }

    .piletitle {
        font-size: 14px;
    }

    .pileseparator,
    .piletable,
    .piletable.archivepile {
        width: 100%;
    }

    .pilespace {
        display: none;
    }

    .fname,
    .fcomments,
    .fgood,
    .fbad,
    .foffensive {
        display: inline-block;
    }

    .fname {
        width: 100% !important;
    }

    .fcomments {
        padding-bottom: 8px;
    }

    .fcomments a {
        color: #000;
    }

    .fcomments::after {
        content: " - ";
    }

    .fgood,
    .fbad,
    .foffensive,
    .archivepile .fgood,
    .archivepile .fbad,
    .archivepile .foffensive {
        width: unset !important;
        padding-right: 0 !important;
    }

    .piletable tr {
        position: relative;
    }

    .piletable tr::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background-image: url("/images/fp_dash.gif");
        z-index: 1;
    }

    #comments,
    #topiccomments {
        margin-left: 0;
    }

    .commentrating {
        font-size: 11px;
    }

    #commentbox {
        width: 100%;
        height: calc((100vw - 40px) / 3.5);
        resize: vertical;
    }

    #topicbox, #topiccomment {
        width: 100%;
        height: calc((100vw - 40px) / 2.375);
        resize: vertical;
    }

    #newtopic {
        margin: 0;
    }

    #searchform {
        margin-left: 0;
        display: flex;
        flex-direction: row;
    }

    #searchform input[type="text"] {
        width: unset;
        flex: 1;
        margin-right: 4px;
    }

    .fixoverflow .fname {
        max-width: unset !important;
    }

    #sharelink {
        width: 100%;
    }
}