/*
* Headlines
* 20px, 28px, 54px, 72px
*/
.zp-project-preview .zp-project-preview_small-project .zp-project-preview_project-container-small {
  position: relative;
  height: 320px;
  width: 100%;
  overflow: hidden; }
  .zp-project-preview .zp-project-preview_small-project .zp-project-preview_project-container-small:hover .zp-project-preview_project .zp-project-preview_project-description {
    padding: 18px 15px 23px 15px; }
    .zp-project-preview .zp-project-preview_small-project .zp-project-preview_project-container-small:hover .zp-project-preview_project .zp-project-preview_project-description .zp-project-preview_project-see-project {
      opacity: 1 !important; }
  .zp-project-preview .zp-project-preview_small-project .zp-project-preview_project-container-small .zp-project-preview_project {
    position: relative;
    display: block;
    color: #000;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 1;
    transition-property: opacity;
    transition-duration: 0.5s;
    font-family: "ClvText-Light", Gotham, sans-serif; }
    .zp-project-preview .zp-project-preview_small-project .zp-project-preview_project-container-small .zp-project-preview_project.visible {
      opacity: 1; }
    .zp-project-preview .zp-project-preview_small-project .zp-project-preview_project-container-small .zp-project-preview_project .zp-project-preview_project-description {
      position: absolute;
      bottom: 0;
      width: 100%;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0.85) 0%, white 45%);
      pointer-events: none;
      transition: padding 0.2s;
      padding: 11px 15px 8px 15px; }
      @media only screen and (max-width: 768px) {
        .zp-project-preview .zp-project-preview_small-project .zp-project-preview_project-container-small .zp-project-preview_project .zp-project-preview_project-description {
          -webkit-transform: translateY(0);
                  transform: translateY(0); } }
      .zp-project-preview .zp-project-preview_small-project .zp-project-preview_project-container-small .zp-project-preview_project .zp-project-preview_project-description .zp-project-preview_project-focus-title .zp-project-preview_project-title {
        line-height: 1.2em;
        font-size: 23px; }
        @media only screen and (min-width: 1440px) {
          .zp-project-preview .zp-project-preview_small-project .zp-project-preview_project-container-small .zp-project-preview_project .zp-project-preview_project-description .zp-project-preview_project-focus-title .zp-project-preview_project-title {
            font-size: 28px; } }
        @media only screen and (min-width: 2100px) {
          .zp-project-preview .zp-project-preview_small-project .zp-project-preview_project-container-small .zp-project-preview_project .zp-project-preview_project-description .zp-project-preview_project-focus-title .zp-project-preview_project-title {
            font-size: 32px; } }
      .zp-project-preview .zp-project-preview_small-project .zp-project-preview_project-container-small .zp-project-preview_project .zp-project-preview_project-description .zp-project-preview_project-focus-title .zp-project-preview_project-focus {
        font-size: 14px;
        letter-spacing: 0.6px;
        padding: 4px 8px 1px 4px !important;
        margin: 11px 0 0 0;
        display: inline-block;
        background-color: #000;
        text-indent: 5px;
        color: white;
        width: auto;
        text-transform: uppercase;
        font-family: "ClvText-Medium", Arial, Gotham, sans-serif;
        margin: 11px 0 11px 0 !important; }
      .zp-project-preview .zp-project-preview_small-project .zp-project-preview_project-container-small .zp-project-preview_project .zp-project-preview_project-description .zp-project-preview_project-focus-title .zp-project-preview_project-see-project {
        position: absolute;
        top: 33px;
        right: 15px;
        opacity: 0;
        transition: opacity 0.2s; }
        @media only screen and (max-width: 768px) {
          .zp-project-preview .zp-project-preview_small-project .zp-project-preview_project-container-small .zp-project-preview_project .zp-project-preview_project-description .zp-project-preview_project-focus-title .zp-project-preview_project-see-project {
            display: none; } }
        .zp-project-preview .zp-project-preview_small-project .zp-project-preview_project-container-small .zp-project-preview_project .zp-project-preview_project-description .zp-project-preview_project-focus-title .zp-project-preview_project-see-project::before {
          content: "";
          position: absolute;
          height: 1px;
          width: 50px;
          background-color: #000;
          top: 8px;
          margin-left: -58px; }
          @media only screen and (max-width: 1024px) {
            .zp-project-preview .zp-project-preview_small-project .zp-project-preview_project-container-small .zp-project-preview_project .zp-project-preview_project-description .zp-project-preview_project-focus-title .zp-project-preview_project-see-project::before {
              width: 25px;
              margin-left: -31px; } }