.sa {
  opacity: 0;
  transition: all .5s ease;
}
 
.sa.show {
  opacity: 1;
  transform: none;
}
 
.sa--lr {
  transform: translate(-100px, 0);
}
 
.sa--rl {
  transform: translate(100px, 0);
}

.sa--down {
  transform: translate(0, -100px);
  margin-left:30%;
}
 
.sa--up {
  transform: translate(0, 100px);
  margin-left:10%;
}
  
.sa--scaleUp {
  transform: scale(.5);
  margin-left:35%;
}
 
.sa--scaleDown {
  transform: scale(1.5);
  margin-left:20%;
}
 
.sa--rotateL {
  transform: rotate(180deg);
  margin-left:40%;
}
 
.sa--rotateR {
  transform: rotate(-180deg);
  margin-left:8%;
}


@media only screen and (max-width: 750px){

   .sa{
      margin-left:0;
}
}

@media only screen and (max-width: 1100px){
.sa{
      margin-left:0;
}
}