@media (max-width: 768px) {

    :root {
        --base-width: auto;
    }

    #page-wrapper {
        overflow: hidden;
    }

    ul.alpha-links li {
        display: inline-block;
    }

    #main-wrapper.has-sidebar form, #main-wrapper.has-sidebar #main-content article.view-mode-full .field--body {
        width: auto;
    }

    /* FRONT PAGE */
    #block-gff-theme-site-branding .slogan {
        display: none;
    }

    #menu-bar {
        height: 2rem;
        padding: 0.5rem;
    }

    #menu-bar #block-gff-theme-username {
        margin-top: -1.75rem;
    }

    ul.sf-menu.menu li.sf-depth-2 {
        margin-left: 1rem;
    }

    ul.sf-menu.menu li.sf-depth-2>ul {
        margin-left: 2rem;
    }

    .front-page-top-story {
        background-color: var(--medium-background);
        padding-bottom: var(--medium-gap);
    }

    .front-page-top-story .views-field-field-image {
        float: none;
        margin: 0;
    }

    .more-link,
    .front-page-top-story .views-field-created {
        float: none;
        margin: 0;
    }

    .front-page-top-story .views-field-field-article-pictures {
        text-align: center;
    }

    h1 {
        font-size: 2.5rem;
    }

    .front-page-top-story h2 {
        max-width: none;
        position: relative;
        width: 96%;
        left: -0.5rem;
        margin: 0 auto;
        font-size: 2rem;
    }

    .is-front-page .more-link {
        display: block;
        margin: auto;
        text-align: center;
    }

    .view-mode-teaser {
        height: auto;
        padding: var(--small-gap) 0 !important;
        margin-bottom: var(--medium-gap) !important;
    }

    .view-mode-teaser .field--created {
        margin-right: 1rem;
    }

    .view-mode-medium_teaser .field--created {
        margin-top: -17rem !important;
        margin-right: 0 !important;
    }

    .view-mode-teaser.content-type-blog .field--created {
        margin-right: 0.51rem;
    }

    .view-mode-teaser .teaser-body-link {
        margin-top: 0;
    }

    .medium-teasers .field--field_image,
    .medium-teasers article {
        height: fit-content;
        padding-left: 0;
        padding-right: 0;
    }

    .field--field_articles.node-type--search_result, 
    .teaser-page,
    article.view-mode-full .field--field_articles>div:nth-child(2),
    .front-page-story-6-12,
    .mini-teasers,
    #block-tying-cribs-block>div>div,
    .front-page-blog-posts, 
    .field--field_articles.node-type--article_collection, 
    .field--field_articles>div:nth-child(2),
    .front-page-story-2-5 {
        display: block;
        width: auto;
        /* max-width: 375px; */
    }

    .field--body,
    .views-field-body {
        max-width: 90vw;
        padding: var(--small-gap);
    }

    .teaser-page .views-row {
        margin-bottom: var(--large-gap);
    }

    fieldset.full-width-text {
        position: relative;
    }

    #main-wrapper.has-sidebar #content-sidebar, .sidebar-block {
        width: auto;
        float: none;
        margin: 0;
        position: relative;
        order: 2;
    }

    #content-area {
        /* display: grid; */
    }

    .has-sidebar #content-area {
        display: block;
    }

    body.is-front-page .has-sidebar #content-area {
        display: grid;
    }

    #content-sidebar {
        order: 2;
    }

    #main-content {
        order: 1;
    }

    #footer .footer-column {
        float: none;
        width: auto;
        border: 0;
    }

    /* IMAGES */
    img {
        max-width: 96vw !important;
        height: auto !important;
    }

    .magazine-image,
    .magazine-wrapper {
        width: auto !important;
        max-width: 90vw !important;
    }

    article.view-mode-full,
    .magazine-wrapper {
        margin-bottom: var(--large-gap) !important;
    }

    .magazine-wrapper img {
        max-width: 100% !important;
    }

    .pic-block.right,
    .pic-block.left,
    .magazine-wrapper>div,
    .magazine-wrapper .magazine-image>div,
    .magazine-wrapper.right,
    .magazine-wrapper.left {
        float: none !important;
        margin: 0 auto;
        text-align: center;
        /* display: grid; */
        /* margin-bottom: var(--large-gap); */
    }

    .magazine-wrapper .magazine-image>div {
        margin-bottom: var(--small-gap);
    }

    table.gff_paypal tr td,
    table.picture-table tr td {
        display: block;
        border: 0 !important;
    }

    table.picture-table {
        width: 100%;
    }

    /** MENUS */
    #menu-bar {
        position: relative;
    }

    a#superfish-main-toggle:hover {
        text-decoration: none;
    }

    a#superfish-main-toggle span {
        display: none;
        text-decoration: none;
    }

    a#superfish-main-toggle:after {
        content: '☰';
        font-size: 2rem;
        text-decoration: none;
    }

    a#superfish-main-toggle.sf-expanded:after {
        content: '✕';
        font-size: 2rem;
        text-decoration: none;
    }


    #superfish-main-accordion {
        background-color: var(--light-green);
        position: absolute;
        margin-left: -0.5rem;
    }

    #menu-bar #gff-username-menu li,
    #superfish-main-accordion li {
        margin-top: 1rem;
    }

    #block-gff-theme-username>a {
        pointer-events: none;
    }

    /* KEYWORDS */
    .view-keywords ul {
        columns: 1;
    }

    /* REVIEWS */
    .view-mode-full.content-type-review fieldset {
        float: none;
        width: auto;
        margin: auto;
    }

    /* ARTICLES */
    .field--created.created-full {
        float: none;
        text-align: center;
        margin-bottom: var(--medium-gap);
    }

    .field--field_tags:empty {
        display: none;
    }

    .field--field_tags {
        height: fit-content;
    }

    .new_box,
    .new_box.right,
    .new_box.left {
        width: auto !important;
        max-width: 90vw !important;
        float: none;
        margin: var(--large-gap) auto;
    }

    .mini-teaser-page.gallery,
    .front-page-blog-posts, .field--field_articles.node-type--article_collection, .teaser-page, article.view-mode-full .field--field_articles>div:nth-child(2) {
        grid-template-columns: repeat(1, 1fr);
    }

    .alert {
        width: auto;
    }

    .field--field_coauthors {
        display: block;
        margin: 0;
    }

    /* SEARCH */
    #block-gff-theme-searchform {
        display: none;
    }

    .search-icon p {
        display: block;
        position: absolute;
        margin: -1.3rem 20% 0 70%;
        font-size: 1.5rem;
    }

    /* FORMS */
    input {
        max-width: 90vw;
    }

    #panorama img {
        max-width: none;
        width: auto;
        height: auto;
    }

    nav.pager ul li,
    nav.pager ul {
        margin: 1rem 0 !important;
        padding: 0;
    }

    nav.pager ul li a {
        padding: 0.6rem 1rem !important;
    }


    ul.pattern-list,
    #block-all-articles-from-section ul {
        columns: 1 !important;
    }

    .leadercalc-links {
        float: none;
        width: auto;
        margin: auto;
    }

    /* TABLES */

    #thread-table tr,
    .gff-standard-table table tr {
        display: block;
        margin-bottom: var(--medium-gap);
    }

    #thread-table thead tr th,
    .gff-standard-table table thead tr th,
    #thread-table tr td,
    .gff-standard-table table tr td {
        display: block;
        width: 95% !important;
    }

    .embedded-pattern {
        float: none !important;
        width: auto !important;
        margin: 0 !important;
    }

    .fancy-clip {
        background-size: 120%;
        height: 20rem !important;
    }

    .themes-page {
        display: block;
    }

    .themes-page .views-row {
        max-width: 96vw;
        padding: 0.5rem 0;
    }

    .super-promoted {
        margin-top: 18rem;
    }

    .teaser-page.top-two .view-mode-medium_teaser .field--created {
        margin-top: -14.4rem;
    }

    .front-page-top-story.title-bottom h2 {
        margin-top: 0;
    }

    .letter {
        margin: 0;
        padding: 1rem;
    }

}