body{padding:0;margin:0}#mapid,body,html{height:100%;width:100vw}@media screen and (min-width:1366px){.info{padding:50px;font:14px/16px Arial,Helvetica,sans-serif;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:5px;background:#fff;background:hsla(0,0%,100%,.8)}}@media screen and (max-width:1365px) and (min-width:467px){.info{padding:30px;font:13px/13px Arial,Helvetica,sans-serif;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:5px;background:#fff;background:hsla(0,0%,100%,.8)}}@media screen and (max-width:466px){.info{padding:20px 30px;font:12px/12px Arial,Helvetica,sans-serif;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:5px;background:#fff;background:hsla(0,0%,100%,.8)}}.info h4{color:#777;margin:0 0 5px}.legend{color:#555;line-height:18px}.legend i{height:18px;margin-right:8px;opacity:.7;width:18px;float:left}