.sidebar {
width: 270px;
float: right;
margin: 0.2em 0 1em 1em;
}
.sidebar-line {
text-align: center;
border-left: 2px solid;
border-right: 2px solid;
border-top: 1px solid;
border-bottom: 1px solid;
border-color: #008a60;
}
.sidebar-item {
border-left: 2px solid;
border-right: 2px solid;
border-color: #008a60;
font-size: 85%;
}
.citybar-block {
width: 270px;
float: right;
margin: 0.2em -1.3em 1em 1em;
}
.citybar-table {
border:2px solid #008a60;
width:250px;
border-collapse: collapse;
}
.citybar-block td {
text-align: center;
}
.info-line {
padding: 5px 10px 0 10px;
text-align: left !important;
}
@media(max-width:600px) {
.sidebar {
margin: 5px;
width: 100%;
float: none;
}
.citybar-block {
width:100% !important;
display:flex;
justify-content:center;
}
.citybar-row-logo {
display: none;
}
.citybar-table {
width: auto;
max-width: 85%;
border-width: 0px;
}
}