/* Portfolio */
.portfolio-grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    text-align: center;
    cursor: pointer; }
    .portfolio-grid figure img {
      position: relative;
      display: block;
      min-height: 100%;
      max-width: 100%;
      width: 100%;
      opacity: 0.8; }
    .portfolio-grid figure figcaption {
      padding: 2em;
      color: #ffffff;
      text-transform: uppercase;
      font-size: 1.25em;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .portfolio-grid figure figcaption:after, .portfolio-grid figure figcaption:before {
        pointer-events: none; }
    .portfolio-grid figure.effect-text-in {
      border-radius: 0.25rem; }
      .portfolio-grid figure.effect-text-in h4,
      .portfolio-grid figure.effect-text-in img {
        -webkit-transition: -webkit-transform 0.35s;
        transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        transition: transform 0.35s, -webkit-transform 0.35s; }
      .portfolio-grid figure.effect-text-in img {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden; }
      .portfolio-grid figure.effect-text-in h4,
      .portfolio-grid figure.effect-text-in p {
        position: absolute;
        bottom: 10px;
        left: 0;
        padding: 10px;
        margin-bottom: 0;
        width: 100%; }
      .portfolio-grid figure.effect-text-in p {
        text-transform: none;
        opacity: 0;
        background: #49BA6E;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0); }
      .portfolio-grid figure.effect-text-in:hover img {
        -webkit-transform: translate3d(0, -80px, 0);
        transform: translate3d(0, -80px, 0); }
      .portfolio-grid figure.effect-text-in:hover h4 {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0); }
      .portfolio-grid figure.effect-text-in:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }