section.project-list{
  padding:1rem 0;
  .medium-3 .cast{
    margin-bottom:-1.2rem;
  }
  h3{
    &.text-center{
      margin-left: 25%;
    }
    span{
      font-family: 'questa-grande-regular-webfont';
      font-size: 2rem;
      display: inline-block;
      position: relative;
      &:before, &:after{
        content: "";
        position: absolute;
        height: 1px;
        border-top: 1px solid lightgray;
        top: 50%;
        width: 4rem;
      }
      &:before {
        right: 100%;
        margin-right: 15px;
      }
      &:after {
        left: 100%;
        margin-left: 15px;
        width:100%;
      }
    }
  }
  h4{
    //font-family: 'questa-grande-regular-webfont';
    font-size:1.75rem;
    font-weight: 600;
  }
  h6{
    font-size:.75rem;
    text-transform: uppercase;
    margin-top: 1rem;
    color:$dark-gray;
  }
  p{
    font-size: .75rem;
    padding:0 2.5rem;
    max-width:500px;
    margin: auto;
    margin-bottom: 1rem;
  }
  .project-detail-slider {
    .slick-slide{
      margin:0;
    }
    .align-center-middle{
      padding:1rem;
    }
    .slick-next,
    .slick-prev{
      transform: scale(2);
    }
    .slick-next{
      margin-right:8px!important
    }
  }
  .project-thumbnail-slider{
    -webkit-box-shadow: 0px -3px 3px 0px rgba(14,14,14,0.2);
    -moz-box-shadow: 0px -3px 3px 0px rgba(14,14,14,0.2);
    box-shadow: 0px -3px 3px 0px rgba(14,14,14,0.2);
    margin-top: -10px;
    background-color:$white;
    .slick-track{
      margin:0;
    }
    .slick-list{
      padding:0!important;
    }
    .slick-slide div:first-child{
      position:relative;
      margin:2px;
    }
    .slick-current .thumbnail-wrp:after{
      opacity:0;
    }
    .thumbnail-wrp {
      position:relative;
      img {
        width:100%;
        vertical-align:top;
      }
      &:after, &:before {
        position:absolute;
        opacity:0.85;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
      }
      &:after {
        content:'\A';
        width:100%; height:100%;
        top:0; left:0;
        background:rgba(0,0,0,0.5);
      }
      &:hover:after, &:hover:before{
        opacity:0.25;
        cursor:pointer;
      }
    }
  }
}