.maprow{position:relative;height:800px;border:10px solid rgba(255,255,255,.5)}#map{position:absolute;top:0;bottom:0;width:100%;border:1px solid #fff}.mapbox-info-toggle{display:none}#info{background:#009ee1;position:absolute;width:260px;top:0;bottom:0;right:0;padding:7px 20px 20px 20px;border:8px solid #fff;border-right:6px solid #fff}#info h3{color:#fff;line-height:25px}.leaflet-popup-content .marker-title{font-family:Ubuntu,Helvetica,Arial,sans-serif;font-weight:400}.leaflet-popup-content .marker-description{font-family:Ubuntu,Helvetica,Arial,sans-serif;font-weight:300}#map-ui{position:absolute;bottom:0;left:0;z-index:100;text-align:center}#map-ui ul{list-style:none;margin:0;padding:0}#map-ui a{font-size:13px;background:#fff;color:#3c4e5a;display:block;margin:0;padding:0;border:1px solid #fff;min-width:50px;padding:5px;text-decoration:none}#map-ui a:hover{background:#ecf5fa}#map-ui li{float:left}#map-ui li:last-child a{border-left-width:0}#map-ui li:first-child a{border-right-width:0}#map-ui a.active{background:#009ee1;color:#fff}@media (max-width:1199px){#info{width:220px}#info h3{font-size:24px;line-height:23px}#info p{font-size:12px;line-height:16px}}@media (min-width:768px) and (max-width:979px){#info{width:200px}#info h3{font-size:22px;line-height:21px}#info p{font-size:11px;line-height:15px}}@media (max-width:767px){.maprow{height:1100px}#info{position:absolute;width:auto;top:500px;left:0;bottom:33px;right:0;padding:7px 20px 20px 20px;border:5px solid #fff}}@media (max-width:480px){#map-ui a{font-size:11px;min-width:40px;padding:5px}}