@media screen and (min-width:900px) and ( max-width:1279px) {
  .pnl__area {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -ms-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    -ms-column-gap: 1rem;
    -o-column-gap: 1rem;
    column-gap: 1rem;
  }
}
@media screen and (min-width:1280px) {
.pnl__area {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    -ms-column-count: 4;
    -o-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    -ms-column-gap: 1rem;
    -o-column-gap: 1rem;
    column-gap: 1rem;
  }
}
@media screen and (min-width:900px) {

  .pnl__area .lpst__block {
    padding: .5rem;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    position: relative;
  }
  .pnl__area .lpst__block {
    margin: .5rem 0;
    display: block;
    box-shadow: 0 0 .3rem rgba(0, 0, 0, 0.2);
  }
  .pnl__area.pst__area .lpst__title {
    font-size: 1.7rem;
  }
  .pnl__area.pst__area .lpst__author {
    margin-top: .5rem;
    opacity: 0.5;
    display: none;
  }
  .pnl__area.pst__area .lpst__meta {
    margin-bottom: 0;
  }
  .pnl__area .lpst__block:nth-of-type(2) *,
  .pnl__area .lpst__block:nth-of-type(4) *,
  .pnl__area .lpst__block:nth-of-type(9) *,
  .pnl__area .lpst__block:nth-of-type(12) *,
  .pnl__area .lpst__block:nth-of-type(15) *,
  .pnl__area .lpst__block:nth-of-type(18) *,
  .pnl__area .lpst__block:nth-of-type(20) * {
    font-size: 1.2rem;
    color:#FFF;

  }
  .pnl__area .lpst__block:nth-of-type(2), .pnl__area .lpst__block:nth-of-type(4), .pnl__area .lpst__block:nth-of-type(9), .pnl__area .lpst__block:nth-of-type(12), .pnl__area .lpst__block:nth-of-type(15), .pnl__area .lpst__block:nth-of-type(18), .pnl__area .lpst__block:nth-of-type(20) {
    display: flex;
    box-shadow:none;
    background:#42a0cd;
  }
  .pnl__area .lpst__block:nth-of-type(4){background:#6f6f6f;}
  .pnl__area .lpst__block:nth-of-type(9){background:#A85A02;}
  .pnl__area .lpst__block:nth-of-type(15){background:#294B9B;}

  .pnl__area .lpst__block:nth-of-type(2) .lpst__img,
  .pnl__area .lpst__block:nth-of-type(4) .lpst__img,
  .pnl__area .lpst__block:nth-of-type(9) .lpst__img,
  .pnl__area .lpst__block:nth-of-type(12) .lpst__img,
  .pnl__area .lpst__block:nth-of-type(15) .lpst__img,
  .pnl__area .lpst__block:nth-of-type(18) .lpst__img,
  .pnl__area .lpst__block:nth-of-type(20) .lpst__img {
    width:50%;
    flex:none;
  }
  .pnl__area .lpst__block:nth-of-type(2) .lpst__text,
  .pnl__area .lpst__block:nth-of-type(4) .lpst__text,
  .pnl__area .lpst__block:nth-of-type(9) .lpst__text,
  .pnl__area .lpst__block:nth-of-type(12) .lpst__text,
  .pnl__area .lpst__block:nth-of-type(15) .lpst__text,
  .pnl__area .lpst__block:nth-of-type(18) .lpst__text,
  .pnl__area .lpst__block:nth-of-type(20) .lpst__text {
    color: #FFF;
  }
}