#map { height: 522px; width: 100%; }

.running-text { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 2; box-shadow: 0px -1px 9px 0px #00000040; }
.ticker { overflow: hidden; display: flex; width: 100%; }
.ticker__item { padding: 15px 10px; flex-shrink: 0; width: auto; white-space: nowrap; }
.ticker__item span { padding: 0 12px; }
.ticker__list { display: flex; align-items: center; animation: ticker 30s infinite linear; background-color: #ffffff; color: #222; font-weight: 700; font-size: 25px; line-height: 1; text-align: center; }
.ticker__list > span { flex-shrink: 0; width: auto; white-space: nowrap; }

@keyframes ticker {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@media (max-width: 768px) {
    .ticker__item { padding: 12px; }
    .ticker__list { font-size: 12px; font-weight: 700; line-height: 1; }
}