/***********************
THE CASCADE IS:
styles-large.css
styles-medium.css
styles-small.css
styles-menu.css
styles.css  USE THIS FOR DIGITAL ARCHIVE FIXES
***********************/

@media (max-width: 1000px) {
    .br-lg {
        display: none;
    }

    .br-md {
        display: block;
    }

    .smallscreen {
        display: inline;
    }

    .largescreen {
        display: none;
    }

    body,
    html {
        font-size: 1.3em;
        width: 96vw;
        margin: 0 auto;
    }

    header,
    footer {
        width: 100%;
        display: block;
    }

    section {
        width: 90%;
    }

    article {
        margin-top: 20px;
    }

    /*  HEADER & NAV */

    body#home nav {
        display: block;
    }

    /* FLIP TITLE/NAVBAR */
    /* header {
        display: flex;
        flex-direction: column-reverse;
    } */

    header h1 {
        font-size: 1.8em;
        line-height: normal;
    }

    header h2 {
        font-size: 1.4em;
        line-height: normal;
    }

    nav {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    /* end HEADER & NAV */

    .flex-container {
        display: grid;
    }

    .flex-container .button {
        text-align: center;
    }

    #home .flex-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    #home .homeimages {
        width: 40%;
        padding: 20px;
    }

    #home .homeimages img {
        max-width: 100%;
    }

    #contactbtn {
        float: none;
        display: block;
        max-width: 150px;
        margin: auto;
    }

    .img_pos_right {
        width: auto;
        margin: 20px;
        display: block;
        float: none;
    }

    .img_pos_right img {
        width: 100%;
        max-width: 400px;
    }

    .language {
        float: none;
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }

    .embedbox {
        width: 100%;
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    iframe.filmembed {
        width: 100%;
        height: 80%;
    }

    .stack-top {
        font-size: 0.8em;
    }

    #moderdesignlogo {
        max-height: 22px;
    }

    h1,
    h2,
    h3 {
        text-align: center;
    }

    h1 {
        font-size: 1.8em;
    }

    h2 {
        font-size: 1.5em;
    }

    h3 {
        font-size: 1.2em;
    }

    h4 {
        font-size: 1em;
    }

    p,
    ul {
        font-size: 0.8em;
    }

    /* HOLOCAUST LIST */
    #hslist {
        font-size: 0.7em;
        column-count: 2;
        column-gap: 0;
    }

    /*MSM Banner*/
    .banner-left,
    .banner-right {
        max-width: 100%;
    }

    .banner-left {
        float: none;
    }

    .banner-right {
        float: none;
    }

    #msm-banner {
        max-width: 100%;
        padding: 0;
        margin: 40px 0;
    }

    .flex-container {
        flex-direction: row;
    }

    .flex-container.nav-container {
        width: 90%;
    }
}

/* END @MEDIA */