/* Portfolio */ .portfolio {

padding: 0 2px;
list-style: none;
li.cube {
  position: relative;
  color: $color-gray-smoke;
  -webkit-perspective: 1000px;
  perspective: 1000px;   
  .card-wrap {
    text-align: center;
    margin: 0;
    @include transition(transform, .33s);
    @include transform-style(preserve-3d);
  }
  img {
    width: 100%;
  }
  .flip {
    background: rgba(0,0,0,0.9);
      height: 100%;
      width: 100%;
  }
  .flop {
    @extend .flip;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.8rem;
    @include box-sizing(border-box);
    @include transform(rotateY(180deg));
    h2 {
      color: $color-gray-milk;
    }
  }
  &:hover {
    .card-wrap {
      @include transform(rotateY(-180deg));
    }
  }
}

}