.ref {
  width: 70%;
  float: left;
  padding: 2em;
  color: #555;
}

.ref ul {
  display: block;
  padding: 0 1em;
  list-style-type: none;
  font-size: 1em;
  margin-bottom: 2em;
}

.ref ul:hover { background-color: #f8f8f8;}

.ref li::before {
  color: #555;
  content: "· ";
  margin-left: .75em; 
}

h2 {
  color: #444;
  font-weight: 600;
  font-size: 1em;
  padding: 0;
  margin: .5em;
}

@media only screen and (max-width: 768px) {
	.ref {width: 100%; padding: 2em 0;}

}