WebJamApps/CollegeLutheran

// .table-responsive {
//   display: block;
//   width: 100%;
//   height: 300px;
//   overflow-x: auto;
//   -webkit-overflow-scrolling: touch;
// }

.newsTable {
    width: 320px;
    margin-bottom: 1rem;
    color: #212529;
    table-layout: fixed;
}

.newsTable td {
  width: 50% ;
}

.newsTable td, .newsTable th {
  vertical-align: top;
}

.newsUrl tbody tr:nth-child(odd) {
  display: table-row;
  background-color: #d8ecf3;
}

.newsUrl tbody tr:nth-child(even) {
  display: table-row;
  background-color: #fff;
}

@media screen and (max-width: 320px) {
  .newsTable {
    width: 320px !important;
  }
}

@media screen and (max-width: 911px) {
  .TableContainer-root {
    height: 220px !important;
  }
}

@media screen and (min-width: 912px) {
  .TableContainer-root {
    width: 100%;
    // margin: auto 0px auto -5px;
  }

  .newsTitle {
    width: 320px !important;
  }
}