#title
{
    text-align: center;
    letter-spacing: 0.5em;
    word-spacing: 1em;
    font-size: 4em;
    color: DarkRed;
}
.grid-container
{
    display: grid;
    grid-template-columns: 3fr 6fr 3fr;
    grid-template-rows: auto;
}
.left_menu, .right_menu
{
    padding: 1em;
    text-align: center;
}
.left_menux h3, .right_menux h3
{
    text-decoration: underline;
}
.carousel_caption_area
{
    display: inline-block;
    text-align: center;
    padding-left: 4em;
    padding-right: 4em;
    padding-top: 0.5em;
    z-index: 100;
}
.left_menu .nav_item, .right_menu .nav_item
{
    line-height: 2em;
}

.carousel-item
{
    text-align: center;
}
.carousel-item img
{
    object-fit: cover;
}
.carousel-control-prev
{
    z-index: 10;
}
@media only screen and (max-width: 600px) 
{
    #title
    {
        font-size: 2em;
    }    
    .grid-container 
    {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1.75fr 1fr;
        grid-template-areas:
        "center"
        "left_menu"
        "right_menu";
    }
    .nav_item
    {
        display: inline;
        text-decoration: underline;
        padding-right: 1.5em;
    }
}
.art_list
{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}
.art_area_name, .art_area_desc, .art_area_jump
{
    width: 100%;
    text-align: center;
}
.art_area_desc
{
    padding: 2em;
}
.art_area
{
    border-top: 1px solid #ccc;
    padding-top: 4em;
    padding-bottom: 4em;
}
.art_area .art_area_jump
{
    margin-top: 2em;
    text-transform: uppercase;
}