@media screen and (min-width: 480px) {


  .paragraph--type--cluster-of-figures .inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    box-sizing: border-box;
  }

  .paragraph--type--cluster-of-figures .figen {
    position: relative;
    float: left;
    overflow: hidden;
    /* min-width: 210px; */
    /* max-width: 210px; */
    /* max-height: 210px; */
    /* width: 48%; */
    /* background: #000; */
    text-align: center;

    /* box-shadow:4px 4px 4px #5ea4dd; */
  }

  .paragraph--type--cluster-of-figures figure {
    cursor: pointer;
    position: absolute;
  }

  .paragraph--type--cluster-of-figures figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 1;
    margin: 0 auto;
  }

  .paragraph--type--cluster-of-figures .inner .figen:first-child img {
    transform: translate(-150px, 0);
  }

  .paragraph--type--cluster-of-figures .inner .figen:last-child img {
    transform: translate(-80px, 0);
  }

  .paragraph--type--cluster-of-figures figure:hover {
    opacity: 0.7;
  }

  .paragraph--type--cluster-of-figures figure figcaption::before, .clustercontent figure figcaption::after {
    pointer-events: none;
  }


  .paragraph--type--cluster-of-figures figure figcaption,
  .paragraph--type--cluster-of-figures figure figcaption a {
    position: absolute;
    top: 0;
    left: 0;
    /* width: -webkit-calc(100% - 42px); */
    /* width: calc(100% - 42px); */
    width: 100%;
    height: 100%;
    text-decoration: none !important;
  }

  .paragraph--type--cluster-of-figures figure figcaption {
    padding: 21px;
    color: #fff;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .paragraph--type--cluster-of-figures figure {
    cursor: pointer;
    margin: 0 0 2% 0;
  }


  /*---------------*/
  /***** Sarah *****/
  /*---------------*/
  figure.effect-sarah {
    display: block;
    overflow: hidden;
    position: relative;
  }

  figure.effect-sarah img {
    max-width: none;
    /* -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; */
    /* transition: opacity 0.35s, transform 0.35s; */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  figure.effect-sarah:hover img {
    /* opacity: 0.7; */
    /* -webkit-transform: translate3d(0,0,0); */
    /* transform: translate3d(0,0,0); */

  }

  figure.effect-sarah figcaption {
    text-align: left;
    box-sizing: border-box;
    width: 100%;
    /* max-height:150px; */
  }

  /* figure.effect-sarah h2 { */
  /* position: relative; */
  /* overflow: hidden; */
  /* padding: 0.5em 0; */
  /* font-size: 20px; */
  /* margin-bottom: 0px; */
  /* text-transform: uppercase; */
  /* color: #fff; */
  /* text-shadow: -2px 1px #5ea4dd; */
  /* font-weight:lighter; */
  /* } */
  figure.effect-sarah h2 {
    position: relative;
    overflow: hidden;
    padding: 0.5em 0;
    font-size: 20px;
    margin-bottom: 0px;
    /* text-transform: uppercase; */
    color: #444 !important;

    font-weight: 800;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 7px;
  }

  figure.effect-sarah h2::after {
    /* position: absolute; */
    /* bottom: 0; */
    /* left: 0; */
    /* width: 100%; */
    /* height: 3px; */
    /* background: #fff; */
    /* content: ''; */
    /* -webkit-transition: -webkit-transform 0.35s; */
    /* transition: transform 0.35s; */
    /* -webkit-transform: translate3d(-100%,0,0); */
    /* transform: translate3d(-100%,0,0); */
  }

  figure.effect-sarah:hover h2::after {
    /* -webkit-transform: translate3d(0,0,0); */
    /* transform: translate3d(0,0,0); */
  }

  figure.effect-sarah span {
    padding: 14px;
    color: #444 !important;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    font-size: 17px;
    text-align: left;
    display: block;
    background: rgba(255, 255, 255, 0.8);
  }

  figure.effect-sarah span * {
    color: #444 !important;
  }

  figure.effect-sarah:hover span {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}