/*ANIMATION*/
img#img1.img-responsive {
  margin: 0 auto;
  height: 300px;
}

img#img1.img-responsive:hover,img#img3.img-responsive:hover {
  -webkit-animation: rubberBand 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
          animation: rubberBand 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

main.ng-enter {
       /* transition on enter for .5s */
       transition:2s all ease; -moz-transition:2s all ease; -webkit-transition:2s all ease;
       /* start with opacity 0 (invisible) */
       opacity: 0;
   }

   /* end 'enter' transition */
   main.ng-enter.ng-enter-active {
       /* end with opacity 1 (fade in) */
      transition:2s all ease; -moz-transition:2s all ease; -webkit-transition:2s all ease;
       opacity: 1;
   }


   main.ng-leave {
          /* transition on enter for .5s */
          transition:2s all ease; -moz-transition:2s all ease; -webkit-transition:2s all ease;
      }

      /* end 'enter' transition */
      main.ng-leave.ng-leave-active {
          /* end with opacity 1 (fade in) */
        transition:2s all ease; -moz-transition:2s all ease; -webkit-transition:2s all ease;
          opacity: 0;
      }