#top, #bottom, #left, #right {
        background: #cccccc;
    }
    #left, #right {
        position: fixed;
        top: 0; bottom: 0;
        width: 15px;
    }
    #left { left: 0; }
    #right { right: 0; }
        
    #top, #bottom {
        position: fixed;
        left: 0; right: 0;
        height: 15px;
    }
    #top { top: 0; }
    #bottom { bottom: 0; }
                    
    @media 
    
    /* Fairly small screens including iphones */
    only screen and (max-width: 500px),
    
    /* iPads */
    only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
    
    {
        #top, #bottom, #left, #right { display: none; }
    }
    .container {
        height: 100%;
    }
    .box {
        padding: 10px; 
        margin: 10px; 
        /*border:1px solid #000;*/
        display: block;
    }
    .box a:link, .box a:visited {
        text-decoration: none;
        color: #000000;
    }
    .box a:hover {
        font-style: italic;                
    }
    .box li {
        list-style-type: square;
        padding: 10px 15px;
        border-bottom: 1px solid #eee;
        text-transform: uppercase;
    }
    .box li:first-child {
        margin-top: 20px;
    }
    .box li a:hover{
        text-transform: capitalize;
    }
    .box h2 {
        font-size: 1.2em;
        text-transform: uppercase;
        border-bottom: 2px solid #999999;
        padding: 10px 10px 10px 0;
        /*max-width: 250px;*/
    }
    .header {
        margin: 50px 0px 0px 0px;
    }
    .logo {
        max-width: 150px;
        height: auto;
    }
    h1.menuutama {
        text-align: center;
        text-transform: uppercase;
        /*padding: 50px 0px 30px 0px;*/
        /*border-bottom: 1px solid #eeeeee;*/
    }

    .footnote {
        text-align: center;
        font-size: 0.8em;
        padding: 20px;
    }

    /* Bootstrap Accordion */

    .mb-0 > a {
      display: block;
      position: relative;
    }
    .mb-0 > a:after {
      content: "\f078"; /* fa-chevron-down */
      font-family: 'FontAwesome';
      position: absolute;
      right: 0;
    }
    .mb-0 > a[aria-expanded="true"]:after {
      content: "\f077"; /* fa-chevron-up */
    }