.ce-hudson-slider {
    height: 100vh;
    width:100%;
    position:relative;
  
    .admin-bar &{
      height: calc(100vh - 32px);
    }
    .slider-wrapper{
      height:100%;
      display:flex;
      align-items:center;
      justify-content:center;
      @media (max-width:767px){
        flex-direction: column;
        justify-content: flex-start;
      }
    }

    .image-link{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 999;
    } 
  
    .images-wrapper{
      @include md{
        flex:1;
        height:100%;
      }
      @media (max-width:767px){
        height:50%;
      }
      width:100%;
      position:relative;
      .slide-img{
        position:absolute;
        left:0;
        opacity:0;
        top:0;
        width:100%;
        height:100%;
        @include transition( all 0.3s );
        img{
          object-fit:cover;
          width:100%;
          height:100%;
          position:relative;
        }
        video{
          object-fit: cover;
          height:100%;
          position:relative;
        }
        &.active{
          opacity:1;
        }
      }
    }
  
    .title-wrapper{
      @include md{
        flex:1;
        height:100%;
      }
      width:100%;
      position:relative;
      @media (max-width:767px){
        align-items:center;
        justify-content:center;
        text-align:center;
        order:2;
        margin-top:30px;
      }
  
      .inner{
        @include md{
          position:absolute;
          top:50%;
          @include transform(translateY(-50%));
          right:30px;
          width:570px;
          max-width:60%;
        }
        
      }
      .slide-title{
        a{
          font-size:48px;
          line-height:60px;
          font-weight:300;
          letter-spacing: -0.02em;
          @media (max-height:800px){
            font-size:36px;
            line-height:48px;
          }
  
          @media (max-width:767px){
            font-size:24px;
            line-height:32px;
          }
          
          padding:4px 0;
          position:relative;
          text-transform: lowercase;
  
          span{
            left:0px;
            position:relative;
            @include transition( all 0.5s ); 
            @media (max-width:767px){
              z-index:999;
            }
          }
  
          &:before{
            content:"";
            width:0;
            position:absolute;
            left:0;
            bottom: 15px;
            z-index: -99;
            height:18px;
            @media (max-width:767px){
              z-index:0;
              bottom:4px;
            }
            
            @include transition(all 0.5s);
          }
        }
  
        &.active{
          a{
            
            &:before{
              width:100%;
            }
  
            span{
              left:10px;
            }
          }
        }
      }
      
    }
  
    .project-number{
      position:absolute;
      left:40px;
      top:120px;
      display:none;
  
      @include md{
        position:absolute;
        top:50%;
        left:0px;
        display:block;
        @include transform( translateY(-50%) rotate(-90deg) );
      }
      font-size:16px;
      line-height:28px;
      .actual{
        font-size:36px;
        line-height:50px;
        margin-left:16px;
      }
    }
  
    .all-works{
      font-weight: 500;
      font-size: 16px;
      line-height: 28px;
      text-decoration-line: underline;

      display:block;
      text-transform: lowercase;
      margin-top:40px;
      @media (max-width:767px){
        margin-top:20px;
        margin-bottom:20px;
      }
    }
  }