.list-wrapper {
  display: grid;
  grid-template-columns: 50px auto 400px;
  gap: 24px;
}
.list-wrapper .left-aside .tag-name {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
  padding: 16px 4px;
  margin-bottom: 16px;
  background-color: #b4c3db;
  font-weight: bold;
  font-family: TitiBold;
  font-size: 1.6rem;
  color: white;
}
.list-wrapper .left-aside a svg {
  width: 50px;
  height: 50px;
}
.list-wrapper .center .two-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.list-wrapper .center .vertical {
  display: flex;
  flex-direction: column;
}
.list-wrapper .center .vertical .c-box {
  margin: 24px auto;
}
.list-wrapper .center .vertical .news-col-line {
  width: 100%;
  height: 2px;
  margin: 6px 0 6px;
  background-color: #b4c3db;
}
.list-wrapper .center .list-tile {
  margin: 12px auto;
}
.list-wrapper .center .list-tile .image {
  width: 100%;
  height: 150px;
}
.list-wrapper .center .list-tile .text .title {
  font-weight: bold;
  font-family: TitiBold, Arial, Helvetica, sans-serif;
  font-size: 1.1rem;
  padding: 6px 0;
}
.list-wrapper .center .list-tile .text .short {
  padding-bottom: 6px;
}
.list-wrapper .center .list-tile .label {
  padding: 6px;
  font-size: 0.8rem;
  margin-top: 6px;
}
.list-wrapper .center .list-tile .label.label-tylko {
  background-color: #ffd000;
  width: 85px;
  text-align: center;
}
.list-wrapper .center .list-tile .label.label-nowe {
  background-color: #dddddd;
  width: 75px;
  text-align: center;
}
.list-wrapper .center .list-tile .label.label-sponsorowane {
  background-color: #c4d3ed;
  width: 120px;
  text-align: center;
}
.list-wrapper .center .list-tile .label.label-okiem {
  background-color: #c3e0a7;
  width: 120px;
  text-align: center;
}
.list-wrapper .center .paging {
  margin-top: 96px;
  display: grid;
  grid-template-columns: 110px auto 110px;
  gap: 24px;
}
.list-wrapper .center .paging .current {
  text-align: center;
}
.list-wrapper .center .paging .paging-btn {
  position: relative;
  font-family: TitiBold, Arial;
  font-weight: bold;
  color: #283C5D;
}
.list-wrapper .center .paging .paging-btn:hover {
  color: #30538d;
  text-decoration: underline;
}
@media only screen and (max-width: 900px) {
  .list-wrapper .center .two-columns {
    grid-template-columns: 1fr;
  }
}