body { margin:0; padding:0;font-family: 'Meta Serif Offc Pro Regular', serif;}

        #map { position:absolute; top:0; bottom:0; width:100%; }

        #menu {
            background: #fff;
            position: absolute;
            z-index: 1;
            top: 10px;
            right: 260px;
            border-radius: 3px;
            width: 80px;
            height: 40px;
            border: 1px solid rgba(0,0,0,0.4);
            font-family: 'Meta Serif Offc Pro Regular', serif;
        }

        #menu a {
            font-size: 0.9em;
            color: #404040;
            display: block;
            margin: 0;
            padding: 0;
            padding: 7px;
            text-decoration: none;
            border-bottom: 1px solid rgba(0,0,0,0.25);
            text-align: center;
            background: ##f8f8f8;
        }

        #menu a:last-child {
            border: none;
        }

        #menu a:hover {
            background-color: #f8f8f8;
            color: #404040;
        }

        #menu a.active {
            background-color: #2f2e2e;
            color: #ffffff;
        }

        #menu a.active:hover {
            background: #656367;
        }

        #title {
            z-index: 1;
            font-family: 'Meta Serif Offc Pro Regular', serif;
            font-size: 1.5em;
            color: #000;
            text-shadow:
               -2px -2px 0 #fff,  
                2px -2px 0 #fff,
                -2px 2px 0 #fff,
                 2px 2px 0 #fff;
            display: block;
            position: absolute;
            top:10px;
            left: 10px;
        }

        #itemList{
            z-index: 1;
            font-family: 'Meta Serif Offc Pro Regular', serif;
            font-size: 1em;
            color: #000;
            text-shadow:
               -2px -2px 0 #fff,  
                2px -2px 0 #fff,
                -2px 2px 0 #fff,
                 2px 2px 0 #fff;
            display: block;
            position: absolute;
            top:18px;
            left: 180;
        }

        #credits{
            z-index: 1;
            font-family: 'Meta Serif Offc Pro Regular', serif;
            font-size: 0.9em;
            color: #000;
            text-shadow:
               -1px -1px 0 #fff,  
                1px -1px 0 #fff,
                -1px 1px 0 #fff,
                 1px 1px 0 #fff;
            display: block;
            position: absolute;
            top:30px;
            left: 10px;
        }

        .mapboxgl-ctrl-geocoder.mapboxgl-ctrl{
    /*        background-color: #888;
    */    }

        @media (max-width: 560px) {

              .mapboxgl-ctrl-geocoder.mapboxgl-ctrl {
                visibility: hidden;
                clear: both;
                /*float: left;
                margin: 10px auto 5px 20px;
                width: 28%;*/
                display: none;
              }

              #menu {
                right: 10px;
                width: 80px;
            }

/*            .mapboxgl-ctrl-group > button {
                width: 50px;
                height: 50px;
            }*/
        }


        }