.parent {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  scroll:none;
  height:100%;
	
}
.child {
  position: absolute;
 
}
#child1 {
  	
  left: 5px;
  top: 10px;
}
#child2 {
  float:right;
  left: 1500px;
  top: 10px;
}
#child3 {
  float:right;
  left: 1500px;
  top: 350px;
}
/*#child3 {
  left:570px;
  top: 350px;
  
}*/
#ship4{
  left: 800px;
  top: 50px;
}
#ship5{
  right:-10px;
  bottom:100px;
  float:right;
}

#whale1{
  right:-10px;
  bottom:50px;
  float:right;
}