/* Gary CSS */

.exhibit-header h1 i {
    font-style: normal;
}

div#artwork-columns {
    display: flex;
    justify-content: space-around;
    width: 100%;
    flex-direction: row;
    overflow: hidden;
    position: fixed;
    height: 100vh;
    opacity: 0.4;
}

.welcome-message {
    position: fixed;
}

div.artwork-column {
    top: var(--col-offset, 0);
    max-width: 20vw;
    position: relative;
}

div.artwork-column img {
    width: 100%;
    max-width: 100%;
    margin: 20px 0px;
}

@media screen and (max-width: 767px) {

    div.artwork-column {
        top: var(--col-offset, 0);
        max-width: 45vw;
        position: relative;
    }

    div#artwork-columns .artwork-column:nth-child(3),
    div#artwork-columns .artwork-column:nth-child(4) {
        display: none;
    }

}

.page figcaption.caption:empty {
    display: none;
}