body { 
  font-family: Avenir, sans-serif;
  box-sizing: border-box;
}
ol.goals {
  list-style-type:none;
  margin-bottom:2rem;
    li {
      position: relative;
      margin-top: 1.6rem;
      }
    &:after {
      content: " ";
      position: absolute;
      height: 1.6rem;
      width: 3px;
      background: #888;
      left: 84px;
      top: 102px;
      z-index: 1;
    }
  &:last-child:after { 
    content:none; 
  }
  a {
		text-decoration:none;
		z-index:3;
    color: #000;
		position:relative;
		width: 19rem;
		display: inline-block;
      img {
        vertical-align: middle;
        width: 75px;
        height: 75px;
        margin-right: 1rem;
        border: 1px solid transparent;
        border-radius: 50%;
        background:#333; 
      }
      svg { 
        position: absolute;
        right: 0;
        top: 1rem;
        width: 3rem;
        height: 3rem;
          polygon { 
            fill: #fff;
          }
      }
    &:visited { 
      color: #ccc;
      }
    &:visited svg polygon { 
      fill: green;
    }
  }
}
@media screen and (max-width:500px){
  ol.goals {
    text-align: center;
    margin-left: 0; 
    li {
     margin-left: 0;
      z-index: 2;
     }
    &:after { 
      left: 50%;
      height: 3.5rem;
      background: #eee;
    }
  img {
    display: block;
    margin-left: 6rem;
    }
   }
}