.nav_item:hover
{
    text-decoration: underline;
    color: black;
}
.nav_item
{
    cursor: pointer;
    color: #888;
    margin-bottom: 0.75em;
}
.nav_item.active
{
    color: black;
    font-weight: bold;
}
.art_nav_area
{
    display: flex;
    margin-top: 2em;
    margin-bottom: 2em;
}
.art_menu
{
    display: flex;
    flex-direction: column;
    text-align: left;
    font-size: 1.25em;
    text-transform: capitalize;
}
.artist_area
{
    display: flex;
    flex-direction: column;
}
.artist_bio
{
    margin: 2em;    
}
.artist_bio img, .artist_bio iframe
{
    max-width: 100%;
    max-height: 35em;
}
.artist_bio img 
{ 
    float: left;  
    margin-right: 2em; 
    margin-bottom: 2em;
}
.artist_bio .place_holder
{
    margin-left: 2em;
}
.artist_list
{
}
.art_menu
{
    min-width: 15em;
}
@media only screen and (max-width: 600px) 
{
    .art_nav_area
    {
        flex-flow: row wrap;
        margin-top: 0;
    }
    .nav_item
    {
        text-decoration: underline;
        padding-right: 1.5em;
        font-size: .75em;
    }
    .art_menu
    {
        flex-direction: row;
        flex-flow: row wrap;
    }  
    .artist_list
    {
        display: flex;
        flex-flow: row wrap;
        font-size: 1em;
    }
}