/* help */

body {
  font-size: calc( 1.1em - .5vw );
}

.sub_header {
  line-height: 1.2em;
  margin-top: 1.5em;
  margin-bottom: .8em;
  font-family: "IBM Plex Sans Thai Looped";
  text-align: left;
}

.sub_header .tiny {
  line-height: 1.1em;
  opacity: .8;
  font-size: .7em;
  word-wrap: normal;
  text-align: justify;
  margin-left: 2px;
}

.sub_header ul {
  list-style: none;
  list-style-position: inside;
  width: 95%;
  margin-left: 0;
  padding-left: 2.0%;
  /* margin-left: -1em; */
}

.sub_header ul li {
  /* line-height: 1.3em; */
  margin-top: .8em;
  margin-bottom: .8em;
}

a {
  /* text-decoration: bold; */
  color: var( --s-color );
  text-decoration: none;
}

@media only screen and (max-width: 800px) {
  .centered {
    /* margin-left: 20px !important; */
    /* transform: translateX(0%) !important; */
    width: 90vw !important;
  }
  .clear_reading .sub_header .tiny {
    width: 90vw !important;
  }
}


/* @media only screen and (max-width: 800px) {
  .sub_header {
    width: 100%;
    margin-left: 0;
  }
  .centered {
    width: 100vw !important;
    margin-left: 0% !important;
    transform: translateX(0%) !important;
  }
  .centered .sub_header {
    margin-left: 20px;
    width: calc( 90vw - 40px ) !important;
  }
  .sub_header div {
    margin-left: 0;
    width: calc( 80vw - 40px ) !important;
  }
} */