*, html{
	margin: 0px;
	padding: 0px;
}
h2{
	color: #fff;
	font-family: helvetica;
	text-align: center;

}
#ciel1{
	background: url(../img/cielo1.jpg) 50% 0 no-repeat fixed;
}

#ciel1{
	margin: 0px auto;
	max-width: 100%;
	min-height: 100%;
	position: fixed;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size cover;
	-o-background-size cover;
	background-size: cover;

}
.contenedor{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}


article{
	padding: 100px;
}

#nub1 {
	margin-right: 5%;

}

#nub2 {
	text-align: right;
	right: 0px;
}

#nub3 {
	position: absolute;
	right: 100px;
}

#avion {
	width: 100%;
	height: auto;
	
}

#nub4 {
	text-align: right 600px 50px;
	margin-top: 30%;
}
 #nub5 {
 	text-align: right;
	right: 0px;
	margin-top: 5%;

 }

 #nub6 {
 	text-align: right;
 	right: 0px;
 	margin-top: 20%;
 }


		.img-parallax {
			position: fixed;
			width: 100%;
			height: 1000px;
		}

@media screen and (max-width: 400px){
	.contenedor{
		width: 100%
	}
	#avion {
	width: 100%;
	height: auto;
	
}
#avion img{
	width: 400px;
	
}
#nub1 img{
	width: 250px;
	margin-top: 100px;
}
#nub2 img{
	width: 250px;
}
#nub3 img{
	width: 250px;
}
#nub4 img{
	width: 250px;
	margin-top: 100px;
}
#nub5 img{
	width: 250px;
	
}
#nub6 img{
	width: 250px;
	margin-top: 100px;
}
}