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

/* 768px is the width of an iPad mini */

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

    .br-sm {
        display: block;
    }

    p {
        text-align: left;
    }

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

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

    .banner {
        padding: 20px;
    }

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

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

/* END of @media */