/* animtion suivant la taille */
@media (max-width: 480px) { 
				[data-aos].aoshidden-phone{
					opacity: 1!important;
					-webkit-transform: none!important;
					transform: none!important;
					transition: none!important;
					transition-delay: 0!important;
					transition-timing-function: unset!important;
					transition-duration: unset!important;
					transition-property: none!important;
				}
			}
@media (max-width: 767px) {
				[data-aos].aoshidden-tablet{
					opacity: 1!important;
					-webkit-transform: none!important;
					transform: none!important;
					transition: none!important;
					transition-delay: 0!important;
					transition-timing-function: unset!important;
					transition-duration: unset!important;
					transition-property: none!important;
				}
			}
@media (min-width: 768px) {
				[data-aos].aoshidden-desktop{
					opacity: 1!important;
					-webkit-transform: none!important;
					transform: none!important;
					transition: none!important;
					transition-delay: 0!important;
					transition-timing-function: unset!important;
					transition-duration: unset!important;
					transition-property: none!important;
				}
			}
			
/* ajout d'animation */			
/*  Animation starts here */
  [data-aos='rotate-round'] {
    transform: rotate(-360deg);
    transition-property: transform;
  }
  /*  Animation ends here */
  [data-aos='rotate-round'].aos-animate {
    transform: rotate(0deg);
  }
  
 [data-aos="rotate-complet "] {
  transform: rotate(360deg) scale(0.5);
  opacity: 0;
  transition-property: transform, opacity;
}
  
[data-aos="rotate-complet"].aos-animate {
  transform: rotate(0) scale(1);
  opacity: 1;
}

[data-aos="translate-y"] {
  opacity: 0;
  transition-property: transform, opacity;

  &.aos-animate {
    opacity: 1;
  }

  @media screen and (min-width: 768px) {
    transform: translatey(100px);

    &.aos-animate {
      transform: translatey(0);
    }
  }
}
[data-aos="color-anim2"] {
  background: red;
  transition-property: background;
  &.aos-animate {
    background: green;
  }
}