.animationHoldBox{
	background-image: url("../img/bg.jpg");
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	
	background-size: 100% auto;
	overflow: hidden;
	margin: 80px;
}
body{
	background-color: #000000;
}
body, html{
	height: 100%;
}

.skytextBox1{
	position: absolute;
	left: 0%;
	right: 0;
    top: 50%;
	transform: translateY(-50%) translateX(-0%);
	text-align: center;
	padding-left: 5%;
	padding-right: 5%;
	z-index: 8;

}
.planeImage{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	max-width: 850px;
	width: 100%;
	padding-left: 80px;
	padding-right: 80px;
	margin-top: 4%;
	z-index: 9;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
}
.planeImg{
	animation: planeImg 7.3s ease-in-out 0s infinite;
	transform: translateY(-0%);
	-webkit-transform: translateY(-0%);
	-moz-transform: translateY(-0%);
	-ms-transform: translateY(-0%);
	-o-transform: translateY(-0%);
}

@keyframes planeImg {
	0%   {
		-webkit-transform: translateY(-0%);
	-moz-transform: translateY(-0%);
	-ms-transform: translateY(-0%);
	-o-transform: translateY(-0%);
	}
	
	50%  {
		transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		-o-transform: translateY(-10px);
}
	100%  {
		transform: translateY(-0%);
		-webkit-transform: translateY(-0%);
		-moz-transform: translateY(-0%);
		-ms-transform: translateY(-0%);
		-o-transform: translateY(-0%);
}
	
  }

  .clouds{
	display: block;
	position: absolute;
	margin-top: -50px;
	animation: clouds infinite linear;
	pointer-events: none;
	user-select: none;
	opacity: 0;
}

#cloud_0{ /* le caché */
	top: 20%;
	right: -900px;
	z-index: +32;
	animation-duration: 200s;
}
#cloud_1{ /* le moyen */
	top: 60%;
	right: 10px;
	z-index: +38;
	animation-duration: 170s;
}
#cloud_2{ /* le gros */
	top: -31px;
	right: 300px;
	z-index: +100;
	pointer-events: none;
	animation-duration: 240s;
}
#cloud_3{ /* le haut */
	top: 70%;
	right: 700px;
	z-index: +34;
	animation-duration: 100s;
	z-index: 7;
}
#cloud_4{ /* le beau */
	top: 20%;
	right: 1100px;
	z-index: +36;
	animation-duration: 180s;
	z-index: 8;
}

@keyframes clouds {
	from {transform: translate(1520px);opacity: 0.4;}
	to   {transform: translate(-2560px);opacity: 1;}
}
 @media (max-width: 1365px) {
}
 @media (max-width: 1199px) {
}
@media (max-width: 991px) {
}
 @media (max-width: 767px) {
}
 @media (max-width: 575px) {
}