#expandbox {
  width: 96%;
  margin: 0 1% 0 2%;
  padding: 0;
  float: left;
}

#expandboxrow,
#expandboxitem {
  width: 100%;
  margin: 0;
  padding: 0;
  float: left;
  display: table;
}
#expandboxheader {
  width: 96%;
  height: 1.4em;
  margin: 0 1% 0 1%;
  padding: 1% 1%;
  float: left;
  overflow: hidden;
  text-align: left;
    font-size: 0.9em;
    font-weight: bold;
}
#expandboxlabel {
  width: 84%;
  height: auto;
  margin: 0 0 0 4%;
  padding: 0.5% 1%;
  float: left;
  display: table-cell;
  text-align: left;
    font-size: 0.9em;
    font-weight: bold;
}
#expandboxtoggle {
  width: 7%;
  height: 100%;
  margin: 0 1%;
  padding: 0.5%;
  float: left;
  display: table-cell;
}
.expandboxdesc {
  width: 94%;
  height: 5px;
  margin: 0 0 0 4%;
  padding: 1% 0 1% 2%;
  float: left;
  display: table-row;
  visibility: hidden;
  text-align: justify;
    font-size: 0.8em;
}
.expandboxdesc p {
  width: 95%;
  margin: 1% 1%;
  padding: 1% 1.5%;
}

@media only screen and (min-width: 768px) {

  .expandboxdesc p {
    font-size: 0.8em;
  }

}