#map{background-color:#fff;background-size:cover;font-size:16px;height:0;margin:0;padding-bottom:65%;position:relative}#map,#map li{background-position:50%;background-repeat:no-repeat;display:block}#map li{background-size:contain;cursor:pointer;filter:drop-shadow(0 2px 5px rgba(0,0,0,.15));height:1.75em;overflow:visible;position:absolute;text-align:center;transform:translate(-50%,-50%);transition:transform .25s ease-out;width:1.75em}#map li:hover{transform:translate(-50%,-50%) scale(1.1);z-index:10}li .popup{background:#fff;border-radius:8px;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#556ffc;display:none;font-size:16px;left:1rem;opacity:0;padding:5px 10px;position:absolute;transform:translateX(-50%) translateY(-75%) scale(.9);transition:opacity .25s,transform .25s;white-space:nowrap}li .popup p{line-height:1.4em;margin:0}li .popup .title{font-weight:700}li .card_header img{margin:10px 10px 0 0}#map li:hover .popup{display:flex;opacity:1;transform:translateX(-50%) translateY(-110%) scale(1)}@media screen and (max-width:1000px){#map{font-size:14px}}@media screen and (max-width:700px){#map{font-size:11px}}@media screen and (max-width:450px){#map{font-size:8px}}