/* "cycle" arrows between features */

.feature:after{
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
  position: absolute;
  font-size: 3rem;
}

.feature:first-child:after{
  content: "\f178";
  right: -50px;
  top: 40%;
}

.feature:nth-child(2):after{
  content: "\f175";
  bottom: -61px;
}
.feature:nth-child(3):after{
  content: "\f176";
  right: 50%;
  top: -74px;
}
.feature:last-child:after{
  content: "\f177";
  left: -65px;
  top: 50%;
}

@media (max-width: 877px){
  .feature:after{
    display: none;
  }

  div.features div.feature {
    width: 75%;
    display: block;
  }
  .features .feature:first-child {
    margin: auto;
  }

  .features .feature:nth-child(2){
    margin: auto;
    margin-top: 4rem;
  }

  .features .feature:nth-child(3){
    margin: auto;
    margin-top: 3rem;
  }

  .features .feature:last-child {
    margin: auto;
    margin-top: 3rem;
  }

}





/* end arrows */