  /* HERO */
    .breakcrumb {
      /* padding-left: 25px; */
      padding: 25px;
      display: flex;
      flex-direction: column;
    }
    .category {
      background: rgba(214, 31, 41, 0.6);
      color: white;
      text-transform: uppercase;
      font-size: 1.2em;
      font-weight: 700;
/*      background: rgba(255, 255, 255, 0.8);*/
      width: fit-content;
      border-radius: 5px;
      padding: 0px 5px;
    }
    .title {
      display: flex;
      color: white;
      font-size: 2em;
      font-weight: 700;
      line-height: 2.5rem;
      /* padding: 0 15px 0 0; */
    }
  /* HERO END */

  /* OVERVIEW */
    .overview {
      display: flex;
      flex-direction: column;
    }
    .overview .overview_title {
      color: #D61F29;
      padding:25px;
      font-size: 1.5em;
      font-weight: 600;
    }
    .overview .overview_body {
      padding: 25px;
      font-size: 1.3em;
      line-height: 2.5rem;
      font-weight: 300;
    }
    .overview .overview_body p {
      padding: 20px 0;
    }
    .overview .overview_body h3 {
      font-size: 1em;
    }
    .overview .overview_body strong {
      font-weight: 600;
    }
    .overview .overview_body p:first-child {
      padding: 0 0 20px 0;
    }
    .overview .overview_body ul, .overview .overview_body ol  {
      margin: 0 0 0 25px;
    }
    .overview .overview_body a {
      color: #D61F29;
    }
    .overview .overview_body .articlePost {
      width: 100%;
    }
    .noBullets {
      list-style: none;
      margin: 0 !important;
    }

    .articleImage {
      text-align: center;
    }
    .articleImage img {
      width: 100%;
    }
    .articleImage span {
      padding: 5px 25px;
      border-bottom: 1px solid #D61F29;
      border-radius: 100px;
      font-style: italic;
      display: inline-block;
    }

  /* OVERVIEW END */

  /*  TABLE  - 3 column */
    .articleTable {
      overflow: hidden;
      overflow-x: scroll;
      padding: 25px;
      /* box-shadow: inset 0 0 10px 10px #efefef; */
      border-radius: 25px;
    }
    .articleTable .tHeader {
      display: flex;
      font-weight: bold;
      column-gap: 10px;
      width: 200%;
      padding: 10px 0;
      border-bottom: 1px solid #000;
    }
    .articleTable .tHeader span {
      width: calc(100%/3);
      line-height: 1.2em;
    }
    .articleTable .tRow {
      display: flex;
      align-items: center;
      column-gap: 10px;
      border-bottom:  1px solid #ccc;
      padding: 10px 0;
      width: 200%;
    }
    .articleTable .tRow span {
      width: calc(100%/3);
      font-size: 0.8em;
      line-height: 1.2em;
    }
    .articleTable .tRow span:first-child {
      font-weight: bold;
    }
    .articleTable .tRow:last-child {
      border: none;
    }
  /*  TABLE END  */

  /*  TABLE  - 2 column */
    .articleTable1 {
      overflow: hidden;
      overflow-x: scroll;
      padding: 25px;
      /* box-shadow: inset 0 0 10px 10px #efefef; */
      border-radius: 25px;
    }
    .articleTable .tHeader1 {
      display: flex;
      font-weight: bold;
      column-gap: 10px;
      width: 200%;
      padding: 10px 0;
      border-bottom: 1px solid #000;
    }
    .articleTable .tHeader1 span {
      width: calc(100%/2);
      line-height: 1.2em;
    }
    .articleTable .tRow1 {
      display: flex;
      align-items: center;
      column-gap: 10px;
      border-bottom:  1px solid #ccc;
      padding: 10px 0;
      width: 200%;
    }
    .articleTable .tRow1 span {
      width: calc(100%/2);
      font-size: 0.8em;
      line-height: 1.2em;
    }
    /* .articleTable .tRow1 span:first-child {
      font-weight: bold;
    } */
    .articleTable .tRow1:last-child {
      border: none;
    }
  /*  TABLE END  */

  /* FOOT NOTE */
  .footnote {
    font-size: 0.7em;
    word-wrap: break-word;
  }
  /* FOOT NOTE END */

@media only screen and (min-width: 787px) {
  /* HERO */
    .breakcrumb {
      /* padding-left: 100px; */
      padding: 100px;
    }
  /* HERO END */

  /* OVERVIEW */
    .overview {
      flex-direction: row;
      padding: 25px;
      gap: 10%;
    }
    .overview .overview_title {
      width: 300px;
      padding: 0;
    }
    .overview .overview_body {
      width: 65%;
      padding: 0;
    }
  /* OVERVIEW END */

  /*  TABLE  */
  .articleTable {
    overflow: unset;
    box-shadow: none;
    padding: 0;
  }
  .articleTable .tHeader {
    width: 100%;
  }
  .articleTable .tRow {
    width: 100%;
  }
  /*  TABLE END  */

  /*  TABLE  */
  .articleTable1 {
    overflow: unset;
    box-shadow: none;
    padding: 0;
  }
  .articleTable .tHeader1 {
    width: 100%;
  }
  .articleTable .tRow1 {
    width: 100%;
  }
  /*  TABLE END  */
 

}