@media screen and (width <= 660px) {
  
    :root {
    --min-content-width: 100%;
    }

    header {
        height: calc(var(--scale-base)*16);
    }

    main {
        margin: calc(var(--scale-base)*1) 0;
    }

    .content-section {
        border-radius: 0;
        padding: calc(var(--scale-base)*2) calc(var(--scale-base)*2);
    }

    .nsfw-warning {
        max-width: 100%;
        padding: calc(var(--scale-base)*1) calc(var(--scale-base)*2);
        /*flex-direction: column;*/
    }

    .nsfw-warning p {
        margin: 0 calc(var(--scale-base)*1);
        flex-grow: 1;
    }

    svg {
        min-width: calc(var(--scale-base)*4);
        min-height: calc(var(--scale-base)*4);
    }

    .comic-list {
        width: 100%;
    }

    .link-list {
        text-align: center;
    }

    /*
    .socials {
        flex-direction: column;
    }
    */

    footer li {
        display: block;
        margin: 4px;
    }
}