#map
{
    width: 100%;
    max-width: 300px;
    max-width: 30.0rem;
    max-height: 300px;
    max-height: 30.0rem;
}
.nav-button
{
    width: 90px;
    width: 9.0rem
}
.what-where-who-when-info:after
{
    display: table;
    clear: both;
    content: "\00A0";
    line-height: 0;
}
@media (min-width: 614px) /* ipad portait*/
{
    .what-where, .who-when-info
    {
        width: 50%;
        float: left;
    }
}