@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');

body{
	background-image: url("fondov.jpg");
	background-size:100%;
	background-position: center center fixed;
	background-repeat:no-repeat;

}

@media screen and (min-aspect-ratio: 4/3) {
	body{
		background-image: url("fondo.jpg");
		background-size:100%;
		background-position: center center fixed;
		background-repeat:no-repeat;
	}
}

#contenedor{
    position:absolute;
	top:10%;
	width:100%;
	height:90%;
}

.titulo{
	position:absolute;
	text-align: left;
	width:90%;
	height:10%;
	top:2vh;
  
  }
  

.titulo img{
	  width:75%;

}	


/*album para el celular*/
.album{
	position: absolute;  
	width:60%;
	top:2.5%;
}
.paquetes{
	position: absolute;  
	width:30%;
	top:5%;
	right: 1%;
  }
 .album  img{
  width: 100%;
}
 .paquetes img{
  width: 100%;
  bottom: 0% auto;
}

/*album para compu*/
@media screen and (min-aspect-ratio: 4/3) {
	.album{
		width:30%;
	  	top:5%;
	  }
	.paquetes{
		width:13%;
		top:0%;
		right: 3%;
	}
	  
}
/*album para el celu */
#cursos{
	position:absolute;
	left:0%;
	width:100%;
	bottom:5%;
}
.figurita{
	position: relative;
	left:5%;
	width:25%;
	margin-left: 10%;
	margin-right: 10%;
	float: left;
	transform-origin: center center;
	transform:rotate(5deg);
		-ms-transform:rotate(5deg); /* IE 9 */
		-webkit-transform:rotate(5deg); /* Opera, Chrome, and Safari */
}
/*album para compu*/
@media screen and (min-aspect-ratio: 4/3) {
	#cursos{
		position:absolute;
		bottom:5%;
		left:35%;
		width:65%;
		/*height:35%;*/
	}
	.figurita{
		position: relative;;
		width:17%;
		margin-left: 2%;
		margin-right: 2%;
		float: left;
		transform-origin: center center;
		transform:rotate(5deg);
			-ms-transform:rotate(5deg); /* IE 9 */
			-webkit-transform:rotate(5deg); /* Opera, Chrome, and Safari */
	}
}	
.figurita img{
	width:100%;
	padding: 5%;
	
  }

 
 .figurita :hover{
	transform: rotate(-5deg);
    transform-origin: center center;
  }