.animation {
  width: 450px;
  height: 450px;
  background-position: 0px 0px;
  -skrollr-animation-name: CPEanimation; }

.skilled_labour_animation {
  background-image: url("../images/animation/skilled_labour2.png"); }

.cooperation_capacity_animation {
  background-image: url("../images/animation/sprites_cooperation_capacity3.png"); }

.green_technologies_animation {
  background-image: url("../images/animation/sprites_green_technologies2.png"); }

.sme_development_animation {
  background-image: url("../images/animation/sprites_sme_development2.png"); }

.sustainable_tourism_animation {
  background-image: url("../images/animation/sprites_sustainable_tourism2.png"); }

.transport_animation {
  background-image: url("../images/animation/transport2.png"); }

@media screen and (max-width: 500px) and (min-width: 300px) {
  .animation {
    margin-left: -85px; } }
@media screen and (max-width: 300px) {
  .animation {
    margin-left: -100px; } }
@-skrollr-keyframes CPEanimation {
  top-center {
    background-position: 0px 0px; }

  45-top-top {
    background-position: -450px 0px; }

  90-top-top {
    background-position: -900px 0px; }

  135-top-top {
    background-position: -1350px 0px; }

  180-top-top {
    background-position: -1800px 0px; }

  225-top-top {
    background-position: -2250px 0px; }

  270-top-top {
    background-position: -2700px 0px; }

  315-top-top {
    background-position: -3150px 0px; }

  360-top-top {
    background-position: -3600px 0px; }

  405-top-top {
    background-position: -4050px 0px; }

  bottom-top {
    background-position: -4500px 0px; } }