.news li {
     background: white;
     text-align:center;
}
.news strong {
     margin:10px 0px;
     font-size:20px;
     color: black;
     padding-bottom: 5px;
     border-bottom: 1px solid red;
     display: block;
}

.news .lihatdetail a  {
      text-align:center;
      padding:10px;
      display:block;
      background: #00AED7;
      color:#FFF;
      margin: auto;
}
.news .lihatdetail a:hover {
     background:#000;
     color:#FFF;
}

.news .tayang {font-size: 12px;}
.news  {grid-gap:10px;}

.data-tabel-agenda img {
    width: 80px;
    height: 80px;
}
.data-tabel-agenda {
    border-bottom: 1px solid #DDDDDD;
    padding: 10px;
}
.data-tabel-agenda:nth-child(even) {
    background: #f0f0f0;
}
.data-tabel-agenda:hover {
    background: #f0f0f0;
}


.data-tabel-agenda a {
     width:100px;
     text-align:center;
     padding:10px;
     font-weight:bold;
     display:block;
     margin:0px;
     background: #BDD337;
     color:#373737;
}
.data-tabel-agenda a:hover {
     background:#000;
     color:#FFF;
}

@media (max-width: 768px)
{
  .news  {grid-template-columns:1fr 1fr;}
  .news .lihatdetail {font-size: 10px;}
}
@media (min-width: 768px)
{
  .news  {grid-template-columns:1fr 1fr 1fr 1fr;}
  .agenda-container {grid-template-columns:1fr 3fr 1fr 1fr;}
  .agenda-container li {
      padding: 10px 10px;
  }
  .judul-tabel-agenda {
      background: #D9EDF7;
      border-bottom: 1px solid #b8b8b8;
      font-weight: bold;
  }
  .data-tabel-agenda li {
      display: grid;
      justify-content: flex-start;
      align-content: center;
  }


}
@media (min-width: 992px)
{

}