#history ul{padding:0; margin:0; list-style:none; border-top:1px dashed #DDD; }
#history li{ display: -webkit-flex; display: flex; justify-content:space-between; border-bottom:1px dashed #DDD; padding:20px 0; }

#history div { display: -webkit-flex; display: flex; justify-content:space-between; padding-bottom: 7px}
#history div:hover {background:#F6F6F6}
#history strong {width:10%; font-size:1.5em;   height:60px;color:#900}
#history strong a {color:#900}
#history section {width:90%; }

#history section em{width:15%; display:block; font-style:normal; }
#history section p{width:60%;  display:block; margin:0; padding:0}
#history section span{width:25%; display:block;  }


@media (max-width:736px){
#history ul{padding:0; margin:0; list-style:none; border-top:1px dashed #DDD; }
#history li{ display:block; padding:4vw 0; }
#history li input{display:none;}

#history div { flex-flow:wrap; }
#history div:hover {background:#F6F6F6}
#history strong {width:10%; font-size:1.5em;   height:60px;color:#900}
#history strong a {color:#900;display: block; margin-bottom: 8px}
#history section {width:90%; }

#history section em{width:30%; display:block; font-style:normal; }
#history section p{width:70%;  display:block; margin:0; padding:0}
#history section span{margin-left:30%; width:70%; display:block;  }

}