@charset "UTF-8";
/* CSS Document */

#contenedor{
	width: 800px;
	height: 1500px;
}

#titulo{
	position: absolute;
	float: left;
	margin-top: -1450px;
	
}

#subtitulo{
	position: absolute;
	float: left;
	margin-top: -1250px;
}

#copy1{
	position: absolute;
	float: left;
	margin-top: -1090px;
	margin-left: 40px;
}

#img1{
	
	position: absolute;
	float: right;
	margin-top: -1095px;
	margin-left: 540px;
	
}

#img2{
	position: absolute;
	float: left;
	margin-top: -850px;
	margin-left: 40px;
	animation-iteration-count: infinite;
}

#copy2{
	
	position: absolute;
	float: right;
	margin-top: -850px;
	margin-left: 230px;
}

#copy3{
	position: absolute;
	float: left;
	margin-top: -640px;
	margin-left: 180px;
}

#im3{
	
	position: absolute;
	float: right;
	margin-top: -627px;
	margin-left: 600px;
	
}

#bano{
	
	margin-top: -580px;
}

#img4{
	
	position: absolute;
	float: left;
	margin-top: -420px;
	margin-left: 280px;
	animation-duration: 1.5s;
}

#copy4{
	
	position: absolute;
	float: left;
	margin-top: -420px;
	margin-left: 370px;
}

#copy5{
	float: left;
	position: absolute;
	margin-top: -210px;
	margin-left: 330px;
}

#img5{
	position: absolute;
	float: left;
	margin-top: -230px;
	margin-left: 590px;
	
}

img{
	
	max-width: 100%;
		height: auto;
	}


@media screen and (max-width: 414px){
	
	
	
	#contenedor img{
		
		width: 375px;
		height: 50%;
	}

	#bano {
	
		width: 20%;
		height: auto;
		margin-top: -245px;
		
	}
	
	#titulo{
		margin-top: -730px;;
		width: 90%;
		height: auto;
	}
	
	#subtitulo{
		margin-top: -650px;
		width: 98%;
		height: auto;
	}
	
	#copy1{
		margin-top: -580px;
		width: 50%;
		height: auto;
	}
	
	#img1{
		
		margin-top: -580px;
		width: 20%;
		height: auto;
		margin-left: 270px;
	}
	
	
	
	#img2{
		
		margin-top: -480px;
		width: 35%;
		height: auto;
		
		
	}
	
	#copy2{
		
		margin-top: -480px;
		margin-left: 150px;
		width: 55%;
		height: auto;
		
		
	}
	
	#im3{
		
		margin-top: -380px;
		margin-left: 250px;
		width: 25%;
		height: auto;
		}
#copy3{
		
		margin-top: -380px;
		margin-left: 30px;
		width: 60%;
		height: auto;
		
		
	}
	#img4{
		
		margin-top: -230px;
		margin-left: 90px;
		width: 25%;
		height: auto;
		
		
	}
	
	#copy4{
		
		margin-top: -230px;
		margin-left: 170px;
		width: 50%;
		height: auto;
		
		
	}
	
	#img5{
		margin-top: -140px;
		margin-left: 130px;
		width: 30%;
		height: 30%;
	}
	
	#copy5{
		
		margin-top: -130px;
		margin-left: 230px;
		width: 37%;
		height: auto;
	}
	

}