@media (max-width: 768px) {

    :root {
        --screen-width: auto;
        --article-width: auto;
        --body-width: auto;
    }

    h3 {
        font-size: 1.5rem !important;
    }

    footer#footer,
    #content-top {
        padding: 1rem;
        margin: 0 auto;
    }

    img {
        max-width: 90vw;
        height: auto;
    }

    #front-page-video-frame {
        max-width: 90vw;
    }

    .front-page-video img, .front-page-video video {
        max-width: 90vw;
        height: auto;
    }

    .is-front-page #content-top {
        display: block;
    }

    .hex-icons, .hex-icons article>div {
        display: block;
    }

    .hex-icons article img {
        float: none;
        margin: 0;
    }

    .hex-icons article {
        height: fit-content;
        text-align: center;
        background-color: var(--medium-light-background);
        margin-bottom: 4rem;
        padding: 1rem;
    }

    .front-page-news {
        padding: 1rem;
        margin: 0 auto;
    }

    .page-news-full-width .views-row .field_image,
    .frontpage-news-full-width .views-row .views-field-field-image {
        float: none;
        margin: 1rem auto;
        max-width: 90vw;
        overflow: hidden;
        /* padding: 1rem; */
    }

    .node--type-article.view-mode-full {
        max-width: 90vw;
    }

    .align-right {
        float: none !important;
    }

    #superfish-service-menu-2-gen-toggle span {
        display: none;
    }

    #superfish-service-menu-2-gen-toggle {
        float: right;
    }

    #mega-menu, #mega-menu ul, #mega-menu ul li {
        position: relative;
    }

    #mega-menu ul {
        position: relative !important;
    }

    #superfish-hovedmenu-2-gen-accordion {
        /* background-color: yellow !important; */
        z-index: 10;
    }

    #xmega-menu {
        background-color: pink;
        border: 1px solid green;
        height: 400px !important;
        margin-top: 10rem;
    }

    article,
    article.node--type-page.view-mode-full,
    .staff {
        width: auto;
    }

    .staff .views-col {
        width: 95% !important;
    }

    #block-dbr2024-randy-page-title--2,
    #block-dbr2024-randy-content--2 {
        margin: 0;
    }

    #block-dbr2024-randy-custombooknavigation, #block-dbr2024-randy-bognavigation {
        float: none;
        width: auto;
    }

    #block-dbr2024-randy-page-title--2.has-navigation, #block-dbr2024-randy-content--2.has-navigation {
        margin: auto;
    }

    .book-collapse-expand {
        position: relative;
        width: fit-content;
        margin: 0.5rem 0;
    }

    .field--field_private_documents {
        max-width: 90%;
        overflow: hidden;
    }

    #block-dbr2024-randy-brugernavn {
        margin: -1.5rem 0 0 0;
    }

    .large-buttons {
        grid-template-columns: repeat(1, 1fr);
    }

    .page-news-full-width .field--field_image, article.node--type-page.view-mode-full .field--field_image {
        float: none;
        margin: 1rem auto;
    }

    .page-news-full-width .views-row .field--field_image img {
        max-width: 95%;
    }

    .block-news-grid .views-col {
        width: auto !important;
    }

    .block-news-grid .field--field_image {
        width: 90%;
    }

    .block-news-grid .field--field_image {
        height: fit-content;
        margin: 0 auto;
        width: 90vw !important;
        margin-top: 2rem;
    }

    select,
    input {
        max-width: 85vw;
    }

}