/*----just testing ---*/ 
 #outerspace {
    position: relative;
    height: 200px;
    background: #f9f9f9 url(../crashkurs/bad_examples/ani-gifs/background-0985.jpg) top left no-repeat;
  }
  div.rocket {
    position: absolute;
    bottom: 40px;
    left: 20px;
    -webkit-transition: all 3s ease-in;
    -moz-transition: all 3s ease-in;
    -o-transition: all 3s ease-in;
    -ms-transition: all 3s ease-in;  }
  div.rocket img {
    -webkit-transition: all 4s ease-in-out;
    -moz-transition: all 4s ease-in-out;
    -o-transition: all 4s ease-in-out;
    -ms-transition: all 4s ease-in-out;  }
  #outerspace:hover div.rocket {
    -webkit-transform: translate(840px,-120px);
    -moz-transform: translate(840px,-120px);
    -o-transform: translate(840px,-120px);
    -ms-transform: translate(840px,-120px);  }
  #outerspace:hover div.rocket img {
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);}
	
  div.oma {
    position: absolute;
    bottom: 1px;
    right: 80px;
    -webkit-transition: all 6s ease-in;
    -moz-transition: all 6s ease-in;
    -o-transition: all 6s ease-in;
    -ms-transition: all 6s ease-in;  }
  div.oma img {
    -webkit-transition: all 6s ease-in-out;
    -moz-transition: all 6s ease-in-out;
    -o-transition: all 6s ease-in-out;
    -ms-transition: all 6s ease-in-out;}
  #outerspace:hover div.oma {
    -webkit-transform: translate(-820px,-10px);
    -moz-transform: translate(-820px,-10px);
    -o-transform: translate(-820px,-10px);
    -ms-transform: translate(-820px,-10px);
  }	

/*	
@media screen and (max-width: 900px) {
	
	 #outerspace {
    position: relative;
    height: 200px; width:680px;
    background: #f9f9f9 url(../crashkurs/bad_examples/ani-gifs/background-0985.jpg) top left no-repeat;
  }
  #outerspace:hover div.rocket {
    -webkit-transform: translate(560px,-120px);
    -moz-transform: translate(560px,-120px);
    -o-transform: translate(560px,-120px);
    -ms-transform: translate(560px,-120px);
  }  #outerspace:hover div.oma {
    -webkit-transform: translate(560px,-10px);
    -moz-transform: translate(560px,-10px);
    -o-transform: translate(560px,-10px);
    -ms-transform: translate(560px,-10px);
  }	
	
  } 
	
	*/