.square {
  margin-bottom: -200px !important;
}

.square2 {
  margin-top: -200px;
}



/* KEYFRAMES */
@-webkit-keyframes animateBubble {
  0% {
	margin-top: 1000px;
  }
  100% {
	margin-top: -100%;
  }
}

@-moz-keyframes animateBubble {
  0% {
	margin-top: 1000px;
  }
  100% {
	margin-top: -100%;
  }
}

@keyframes animateBubble {
  0% {
	margin-top: 1000px;
  }
  100% {
	margin-top: -100%;
  }
}

@-webkit-keyframes sideWays {
  0% {
	margin-left: 0px;
  }
  100% {
	margin-left: 50px;
  }
}

@-moz-keyframes sideWays {
  0% {
	margin-left: 0px;
  }
  100% {
	margin-left: 50px;
  }
}

@keyframes sideWays {
  0% {
	margin-left: 0px;
  }
  100% {
	margin-left: 50px;
  }
}


/* ANIMATIONS */

/* .square {
  -webkit-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
  left: 25%;
  top: 5%;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  transform: scale(0.6);
} */

/* .square2 {
  -webkit-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -moz-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
  animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
  left: 10%;
  top: 80%;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  transform: scale(0.4);
} */

/* .x3 {
  -webkit-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
  left: 80%;
  top: 40%;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  transform: scale(0.7);
} */

/* .x4 {
  -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
  -moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
  animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
  left: 40%;
  top: 0;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
} */

/* .x5 {
  -webkit-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -moz-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
  animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
  left: 60%;
  top: 50%;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
} */