.pbs-tvss-on-now-block {
  background-color: #3d3935;
  color: #fff;
  display: flex;
  flex-flow: column;
}

.pbs-tvss-on-now,
.pbs-tvss-full-schedule {
  background-color: #00aea9;
  color: #fff;
  padding: .25em 1em;
}
.pbs-tvss-full-schedule a,
.pbs-tvss-full-schedule a:visited {
  color: #fff;
  font-weight: normal;
}
.pbs-tvss-full-schedule a:hover {
  color: #fec52e;
}
.pbs-tvss-on-now-listing {
  border-bottom: 1px solid #afafaf;
  padding: .25em 1em;
}
.pbs-tvss-on-now-listing:last-child {
  border-bottom: none;
}
.pbs-tvss-on-now-listing .pbs-tvss-time {
  border-right: 1px solid #fff;
  color: #fec52e;
  display: inline-block;
  margin-right: .5em;
  padding-right: .5em;
}
.pbs-tvss-on-now-listing .pbs-tvss-title {
  display: inline-block;
}

.pbs-tvss-on-now-block .fa,
.pbs-tvss-on-now-block .far,
.pbs-tvss-on-now-block .fas {
  margin-right: .5em;
}

@media screen and (min-width: 550px) {
  .pbs-tvss-on-now-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 75px 1fr 75px;
    grid-template-columns: 75px 1fr 75px;
  }
  .pbs-tvss-on-now,
  .pbs-tvss-full-schedule {
    border-bottom: none;
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 0;
    text-align: center;
  }
  .pbs-tvss-on-now {
    background-color: #00aea9;
    color: #fff;
    font-weight: normal;
  }
  .pbs-tvss-listings {
    display: flex;
    flex-flow: row;
    justify-content: space-around;
    padding: .5em 0;
    -ms-grid-column: 2;
  }
  .pbs-tvss-on-now-listing {
    border-bottom: none;
    border-right: 1px solid #afafaf;
    text-align: center;
    width: 33.33%;
  }
  .pbs-tvss-on-now-listing:last-child {
    border-right: none;
  }
  .pbs-tvss-on-now-listing .pbs-tvss-time,
  .pbs-tvss-on-now-listing .pbs-tvss-title {
    border: none;
    display: block;
    margin: 0;
    padding: 0;
  }
  .pbs-tvss-full-schedule {
    -ms-grid-column: 3;
  }
}

@media screen and (min-width: 650px) {
  .pbs-tvss-on-now-block {
    grid-template-columns: 105px 1fr 105px;
    -ms-grid-columns: 105px 1fr 105px;
  }
}

@media screen and (min-width: 750px) {
  .pbs-tvss-on-now-block {
    grid-template-columns: 125px 1fr 125px;
    -ms-grid-columns: 125px 1fr 125px;
  }
}

@media screen and (min-width: 950px) {
  .pbs-tvss-on-now-block {
    grid-template-columns: 150px 1fr 150px;
    -ms-grid-columns: 150px 1fr 150px;
  }
}