ol {
	counter-reset:procedure;
	list-style-type: none;
	padding:0;
	position:relative; // allow being pushed
	left:3em; // push to the right because of counter overflow

	li {
		counter-increment:procedure;
		margin-bottom:1em;
		line-height:1.2rem;
	
		&:before {
			content:counter(procedure);
			font-weight:bold;
			font-size:1.1rem;
			background:$secondary;
			color:#000;
			border-radius:100%;
			border:1px solid $border;
			width:2rem;
			height:2rem;
			display:inline-block; // allows float and keeps dimensions
			position:relative; // allow being pushed
			left:-2.7em; // move to the left not to overlap with text
			text-align:center;
			line-height:2.3rem; // vertical center on text
			margin-right:-2em; // pull the first line of text to the left
		}
	}
}
