.feature__pic {
  white-space: nowrap; }
  .feature__pic:before {
    display: inline-block;
    content: '';
    height: 100%;
    vertical-align: middle;
    width: 0; }
  .feature__img {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    white-space: normal; }

.feature__name {
  display: block;
  position: relative;
  overflow: hidden; }
  .feature__name:after {
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(80%, #fff), to(#fff));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 80%, #fff 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 80%, #fff 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 80%, #fff 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 80%, #fff 100%);
    bottom: 0;
    right: 0;
    content: "";
    height: 20px;
    position: absolute;
    top: 0;
    width: 10%; }

.feature {
  text-align: center; }
  .feature__name {
    color: #676d72;
    font-size: 0.85714em;
    height: 51.42857px;
    margin: 0 14% 17.14286px; }
    .feature__name:after {
      top: 34.28571px; }
  .feature__icon, .feature__pic {
    display: block;
    margin-bottom: 5px; }
  .feature__icon {
    font-size: 66px;
    fill: #000; }
    .feature__icon > svg {
      display: block;
      height: 1em !important;
      margin: auto;
      width: 1em !important; }
  .feature > a:hover {
    text-decoration: none; }

/*# sourceMappingURL=style.css.map */