.scrollable-menu {
    height: auto;
    max-height: 400px;
    overflow-x: hidden;
}

/* height: 50% of view height */ 
#map {height: 45vh;}

/* format search box */
.search-box{
    width: 50%;
    position: relative;
    display: inline-block;
    font-size: 14px;
}
.search-box input[type="text"]{
    height: 32px;
    padding: 5px 10px;
    border: 1px solid #CCCCCC;
    font-size: 14px;
}
.result{
    position: absolute;
    z-index: 999;
    top: 100%;
    left: 0;
}
.search-box input[type="text"], .result{
    width: 100%;
    box-sizing: border-box;
}
/* format result items */
.result p{
    margin: 0;
    padding: 7px 10px;
    border: 1px solid #CCCCCC;
    border-top: none;
    cursor: pointer;
    background: #f2f2f2;
}
.result p:hover{
    background: #ffffff;
}