@media screen and (max-width: 70rem) {

    .body.R1 {
        flex: 0;
        /* margin: 0 2rem; */
    }

    .body.R1.left {
        margin-left: 2rem;
    }

    .body.R1.right {
        margin-right: 1rem;
    }

    .heading {
        flex-direction: column;
        gap: .5rem;
    }

    .heading span {
        /* margin-left: auto; */
        font-size: .7rem;
    }

    .line.top {
        border: none;
    }

    .line:not(.bottom, .q) {
        width: calc(100% + 4rem);
        margin-right: -1rem;
    }

    .line.q {
        max-width: calc(100% + 2rem);
        margin: 0 -1rem;
    }

    .top {
        height: 0 !important;
    }

    .entries {
        padding: 0 1rem;
        gap: 1.5rem;
    }

    .list {
        margin-top: .5rem;
    }

    /* .fullFrame div {
        padding: 0 !important;
        border: none;
    } */

    .fullFrame {
        position: relative;
        width: calc(100% - 2px);
        border: none;
        /* padding: 3rem; */
        border: 1px solid #000;
        margin: -1px;
        /* margin-left: -.5px; */
        transform: translate(1px);
        display: block;
    }
    .fullFrame .R7 {
        padding: 1rem;
        /* margin-left: 1px; */
        border: none;
    }

    .fullFrame_blank_w, .fullFrame_blank_h {
        display: none;
    }




    .content.q {
        margin: -1rem auto -1rem 0rem !important;
        padding: 1rem !important;
    }

    .content.s {
        margin-top: -.5rem;
        margin-bottom: -.5rem;
    }

    .row {
        gap: 1.5rem !important;
    }

    .column {
        gap: 1.5rem;
    }

    .column_line {
        margin: 0;
    }

    .smol_column_line.top {
        margin-bottom: 0rem;
    }
    
    .smol_column_line.bottom {
        margin-top: 0rem;
    }

    .content.framed .preview {
        padding: .25rem .5rem;
    }
    .content.framed .image {
        padding: .25rem;
    }

    .fullfit {
        padding: 1rem 0;
        margin: -1rem 0;
    }
    
    .content.framed {
        margin: calc(-.25rem - 2px);
    }
}

@media screen and (max-width: 50rem) {
    .E1 {
        display: none;
    }
}

@media screen and (max-width: 60rem) {
    .entries > .row {
        flex-direction: column;
        gap: 3rem;
    }
}

@media screen and (max-width: 30rem) {
    .E2 {
        display: none;
    }
    
    body {
        padding: 0;
        font-size: .8rem;
    }
    
    h1 {
        font-size: 2.5rem;
    }

    h2 {
        font-size: 1.6rem;
    }

    h3 {
        font-size: 1.1rem;
    }

    .body.R1.right {
        margin-right: 0;
    }

    .body.R1.left {
        margin-left: 0;
    }
}