#centerbox {
    display: flex;      
    flex-wrap: wrap;       
    justify-content: center; 
    background-color: lightsteelblue;
    margin: 9px;
    padding: 9px;
}

#centeredtitle {
    text-align: center;
    font-size: 36pt; 
    color: white; 
    background-color: steelblue;
}

.centerFigure {
    width: 500px;         
    margin: 10px;        
    text-align: center;  
}

.centerFigure img {
    width: 100%;           
    height: auto;         
    display: block;     
}

/* 
nav bar */
.navbar {
    background-color: #333;
    padding: 10px;
    display: flex;           /* enable flexbox */
    justify-content: space-around; /* spread items evenly */
    align-items: center;     /* vertically center links */
}

.navbar a {
    color: white;
    text-decoration: none;
    font-weight: bold;
}

.navbar a:hover {
    text-decoration: underline;
}
figcaption {
    font-weight: bold;
    margin-top: 5px;
    font-size: 14pt;
}