/*@keyframes slide-from-right {
  0% {
    background-position: right -2000px bottom 44px;
  }
  45% {
    background-position: right -700px bottom 44px;
  }
  55% {
    background-position: right -700px bottom 44px;
	background-image: url(../img/screens/big_1a.png);
  }
  100% {
    background-position: left calc(50% + 270px) bottom 44px;
	background-image: url(../img/screens/big_1a.png);
	opacity: 1;
  }
}

@keyframes big-screen-1 {
  0% {
	background-image: url(../img/screens/big_5a.png);
	opacity: 1;
  }
  45% {
	background-image: url(../img/screens/big_5a.png);
	opacity: 0;
  }
  55% {
	background-image: url(../img/screens/big_1a.png);
	opacity: 0;
  }
  100% {
	background-image: url(../img/screens/big_1a.png);
	opacity: 1;
  }
}

@keyframes small-screen-1 {
  0% {
    right: 100px;
  }
  25% {
    right: -200px;
  }
  50% {
    right: -200px;
	background-image: url(../img/small_screen.png);
  }
  75% {
    right: -200px;
	background-image: url(../img/small_screen.png);
  }
  100% {
        left: calc(50% + 350px);
	background-image: url(../img/small_screen.png);
  }
}

@keyframes big-screen-2 {
  0% {
	background-image: url(../img/screens/big_1a.png);
	opacity: 1;
  }
  45% {
	background-image: url(../img/screens/big_1a.png);
	opacity: 0;
  }
  55% {
	background-image: url(../img/screens/big_1b.png);
	opacity: 0;
  }
  100% {
	background-image: url(../img/screens/big_1b.png);
	opacity: 1;
  }
}

@keyframes small-screen-2 {
  0% {
    right: 100px;
  }
  25% {
    right: -200px;
  }
  50% {
    right: -200px;
	background-image: url(../img/small_screen2.png);
  }
  75% {
    right: -200px;
	background-image: url(../img/small_screen2.png);
  }
  100% {
        left: calc(50% + 350px);
	background-image: url(../img/small_screen2.png);
  }
}

@keyframes big-screen-3 {
  0% {
    background-position: right bottom 44px;
  }
  35% {
    background-position: right -700px bottom 44px;
  }
  50% {
    background-position: right -700px bottom 44px;
	background-image: url(../img/big_screen3.png);
  }
  65% {
    background-position: right -700px bottom 44px;
	background-image: url(../img/big_screen3.png);
  }
  100% {
    background-position: left calc(50% + 270px) bottom 44px;
	background-image: url(../img/big_screen3.png);
  }
}

@keyframes small-screen-3 {
  0% {
    right: 100px;
  }
  25% {
    right: -200px;
  }
  50% {
    right: -200px;
	background-image: url(../img/small_screen3.png);
  }
  75% {
    right: -200px;
	background-image: url(../img/small_screen3.png);
  }
  100% {
        left: calc(50% + 350px);
	background-image: url(../img/small_screen3.png);
  }
}

@keyframes big-screen-4 {
  0% {
    background-position: right bottom 44px;
  }
  35% {
    background-position: right -700px bottom 44px;
  }
  50% {
    background-position: right -700px bottom 44px;
	background-image: url(../img/big_screen4.png);
  }
  65% {
    background-position: right -700px bottom 44px;
	background-image: url(../img/big_screen4.png);
  }
  100% {
    background-position: left calc(50% + 270px) bottom 44px;
	background-image: url(../img/big_screen4.png);
  }
}

@keyframes small-screen-4 {
  0% {
    right: 100px;
  }
  25% {
    right: -200px;
  }
  50% {
    right: -200px;
	background-image: url(../img/small_screen4.png);
  }
  75% {
    right: -200px;
	background-image: url(../img/small_screen4.png);
  }
  100% {
        left: calc(50% + 350px);
	background-image: url(../img/small_screen4.png);
  }
}

@keyframes big-screen-5 {
  0% {
    background-position: right bottom 44px;
  }
  35% {
    background-position: right -700px bottom 44px;
  }
  50% {
    background-position: right -700px bottom 44px;
	background-image: url(../img/big_screen5.png);
  }
  65% {
    background-position: right -700px bottom 44px;
	background-image: url(../img/big_screen5.png);
  }
  100% {
    background-position: left calc(50% + 270px) bottom 44px;
	background-image: url(../img/big_screen5.png);
  }
}

@keyframes small-screen-5 {
  0% {
    right: 100px;
  }
  25% {
    right: -200px;
  }
  50% {
    right: -200px;
	background-image: url(../img/small_screen5.png);
  }
  75% {
    right: -200px;
	background-image: url(../img/small_screen5.png);
  }
  100% {
    left: calc(50% + 350px);
	background-image: url(../img/small_screen5.png);
  }
}*/