@media only screen and (max-width: 767px) {
  #history .page-content-body:after {
    content: "";
    display: block;
    clear: both; }
  #history .page-content-body dl {
    border-bottom: 1px solid #eeeeee;
    position: relative;
    overflow: visible;
    font-size: 1.3rem;
    padding: .5rem 0px; }
    #history .page-content-body dl:nth-last-of-type(1) {
      border-bottom: none; }
    #history .page-content-body dl:before {
      width: 1rem;
      height: .2rem;
      background: #053f7e;
      position: absolute;
      content: "";
      left: 0;
      top: 1.5rem; }
    #history .page-content-body dl:after {
      content: "";
      clear: both;
      display: block; }
    #history .page-content-body dl > dt {
      color: #053f7e;
      padding: 0 1.5rem; }
    #history .page-content-body dl > dd {
      letter-spacing: 0;
      padding: 0px 1.5rem; } }
@media only screen and (min-width: 768px) {
  #history .page-content-body:after {
    content: "";
    display: block;
    clear: both; }
  #history .page-content-body > dl {
    border-bottom: 1px solid #eeeeee;
    position: relative;
    overflow: visible;
    padding: 20px 0px;
    margin: 0 20px; }
    #history .page-content-body > dl:before {
      width: 21%;
      height: 2px;
      background: #053f7e;
      position: absolute;
      content: "";
      left: 0;
      bottom: -2px; }
    #history .page-content-body > dl:after {
      content: "";
      clear: both;
      display: block; }
    #history .page-content-body > dl > dt {
      width: 21%;
      color: #053f7e;
      float: left;
      padding: 0 10px; }
    #history .page-content-body > dl > dd {
      width: 79%;
      float: right;
      padding: 0 20px; } }