.rolling_text { position: relative; display: flex; flex-flow: row nowrap; justify-content: center; font-size: 40px; line-height: 50px; border-bottom: 1px solid #ddd; margin-bottom: 2rem; }
.rollings { height: 55px; overflow: hidden; padding: 0 2rem; }
.rollings > li { color: #185652; text-align: center; font-size: 40px; line-height: 50px; font-weight: bold; }
.rollings > li:first-child { animation: a 9s forwards infinite; }

@keyframes a{
    0% { margin-top: 0px; }
    20% { margin-top: -50px; }
    40% { margin-top: -100px; }
    60% { margin-top: -150px; }
    80% { margin-top: -200px; }
    100% { margin-top: -200px; }
}


@media only screen and (max-width: 950px) {
    .rolling_text { flex-flow: column wrap; }
    .rollings { padding: 0; }
    .rollings > li { text-align: left; }
    .rollings > li:first-child { animation: as 9s forwards infinite; }

    .location_info > ul.l_i_title { width:10rem; }
}