﻿

        .title
        {
            display: inline-block;
     
        }
        
        .description img
        {
            max-width: 100%;
            height: auto;
        }
   
        .item-move-wrapper
        {
            position: relative;
            height: 5vw;
            width: 100%;
            line-height: 1;
        }
        
        
        
        .item-move
        {
            position: absolute;
            display: inline-block;
            white-space: nowrap;
            font-family: 'Arial';
            font-size: 5vw;
            font-weight: bold;
            text-transform: uppercase;
            opacity: 0.6;
            color: #e2dcd2;
            -webkit-animation: linear infinite alternate;
            -webkit-animation-name: move-half;
            -webkit-animation-duration: 20s;
        }
        
        @media only screen and (max-width : 600px)
        {
            .item-move
            {
                font-size: 10vw;
            }
        }


/*-------------- move left-righ complete-----------*/

/* Safari 4.0 - 8.0 */
@-webkit-keyframes move-complete {
  0% { left: 0;}
  50%{ left : 100%;}
  100%{ left: 0;}
}


        /* Standard syntax */
@keyframes move-complete {
  0% { left: 0;}
  50%{ left : 100%;}
  100%{ left: 0;} 
}  


/*-------------- move left-right half -----------*/        
        
/* Safari 4.0 - 8.0 */
@-webkit-keyframes move-half {
  0% { left: 0;}
  100%{ left : 50%;}
}
/* Standard syntax */
@keyframes move-half {
  0% { left: 0;}
  100%{ left : 50%;}
 } 
      
 /*-------------- move up-down -----------*/       
        
 /* Safari 4.0 - 8.0 */
@-webkit-keyframes move-up-down {
    from {top: 0px;}
    to {top: 200px;}
}

/* Standard syntax */
@keyframes move-up-down {
    from {top: 0px;}
    to {top: 200px;}
}       
   
   
 /*-------------- fade animation -----------*/ 

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

 /*-------------- bounce -----------*/     
@keyframes bounce {
   0%, 50%, 100% {
   transform: translateY(0);
  }
  50% {
    transform: translateY(-30px);
  }
  50% {
    transform: translateY(-15px);
  }
}

             
         
        
        
