p {
margin-bottom: 15px;
}

.article {
font-size: 18px;
line-height: 1.5;
font: 18px/1.5 Helvetica, sans-serif;
}

blockquote {
padding: 30px 40px;
font-size: 18px;
border-left: 5px solid #d0d0d0;
margin: 20px 40px;
color: #a9a9a9;
line-height: 1.5;
}

a .link {
color: #0c4da2;
padding-top: 40px;
font-weight: 600;
font-size: 15px;
line-height: 20px;
height: 60px;
}

<!-- Стили списка -->
.push {
  list-style: none;
}
.push li {
  position: relative;
  padding: 20px 0 20px 40px;
  font-variant: small-caps;
  font-weight: bold;
  cursor: pointer;
}
.push li:before {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #0d4da2;
  content: "";
  left: 0;
  transition: .3s ease-in-out;
  top: 27px;
}
.push li:after {
  position: absolute;
  border-left: 1px dotted #4F5151;
  width: 1px;
  bottom: -12px;
  content: "";
  left: 3px;
  top: 48px;
}
.push li:hover:before{box-shadow: 0 0 0 10px rgba(0,0,0,.2)}
.push li:last-child:after {content: none;}

<!-- Конец Стили списка -->

<!-- Нумерованный список -->

.list {
  width: 500px;
  margin: 10px;
}

ol {
	color: #334141;
  list-style-type: none;
}
ol li {
	position: relative;
  font: bold italic 45px/1.5 Helvetica, Verdana, sans-serif;
  margin-bottom: 20px;
}


li p {
  font: 18px/1.5 Helvetica, sans-serif;
  padding-left: 60px;
  color: #000;
  min-height: 10px;
}

span {
  position: absolute;
}


<!-- Конец нумерованного списка -->

.underline {
    border-bottom: 2px solid #d0d0d0;
    font-weight: bold;
    padding-bottom: 5px;
}