#content {
    text-align: center;
    overflow: visible; /* slideshow falls outside div */
    min-height: 896px; /* push footer below pics when no sidenavs */
}
p.first {
    margin-top: 0;
}
#slideshow {
    margin: auto;
    max-width: 800px;
    max-height: 800px;
    position: relative;
}
#slideshow figure {
    top: 0;
    left: 0;
    margin: 0;
    position: absolute;
}
#slideshow img {
    border: 2px solid black;
    padding: 10px;
    background-color: white;
}
#slideshow figcaption {
    width: 800px;
    height: 24px;
    font-size: 16px;
    font-weight: bold;
}
a:link, a:visited,
a:hover, a:active {
    color: #663366;
    text-decoration: none;
}
@media only screen and (max-width: 850px) {
    #slideshow,
    #slideshow img,
    #slideshow figcaption {
        width: 100%;
    }
}