<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* you can center this */
/* #img-container { text-align: center; } */
body.format-tagged #exhibit #img-container h2 { margin-bottom: 2em; }

/* column gap is the column gap! */
#img-container .columnized 
{ 
    width: 100%;
    max-width: 1300px; /* probably change this is you theme isn't default */
    column-gap: 7vmin;
    /*  margin: 0 auto; */ /* if you center */
    /* text-align: left; */ /* if you center */
}

#img-container .columnized p { width: 100%; /* text-align: center; padding: 0 24px; */ }
#img-container .columnized .asset-holder .asset a img { width: 100%; height: auto; }
#img-container .columnized .asset-holder .title { margin-bottom: 1em; font-weight: var(--bold); }
#img-container .columnized .asset-holder .synopsis { margin-bottom: 1em; padding-right: 3em; }

/* vmin are the units underneath images */
#img-container .columnized .asset-holder  
{ 
    margin-bottom: 4em; 
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

@media only screen and (max-width: 1100px) 
{ 
    #img-container .columnized { column-count: 2 !important; } 
}

@media only screen and (max-width: 600px) 
{ 
    #img-container .columnized { column-count: 1 !important; } 
}</pre></body></html>