*{
	margin: 0;
	padding: 0;
	scroll-behavior: smooth;
}

body{
    background: url("../img/fondo.jpg") no-repeat center center fixed;
    background-size: cover;
}
}



/*--Header--*/

.header{
	background: #025d71;
	color: #053da4;
	padding: 5px 0;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 20px;
	right: 0;
}

.banner{
    margin-top: 90px;
}
.header a{
	color: #fff;
}

.container{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.logo-nav-container{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.menu-icon{
	display: none;
}

.navigation ul{
	 margin: 0;
	 padding: 0; 
	 list-style: none;
}

.navigation ul li{
	display: inline-block;
}

.navigation ul li a{
	font-size: 17.5px;
	display: block;
	padding: 0px 10px;
	font-family: 'Raleway', sans-serif;
	text-decoration: none;
}

.navigation ul li a:hover{
	color: #250505;
}

.logo img{
	width: 150px;
	height: 70px;
	margin-top: -10px;
	margin-bottom: -15px;
}

/*division*/

.division{
	background: #000;
	width: 100%;
	height: 55px;
}

/*--WhatsApp--*/

.whatsapp{
	position: fixed;
	right: 0;
	top: 66%;
	z-index: 100;
}

.whatsapp{
	width: 80px;
	height: 80px;
}

/*--Phone--*/

.phone{
	position: fixed;
	right: 0;
	top: 82%;
	z-index: 100;
}

.phone{
	width: 80px;
	height: 80px;
}

/*--slider--*/

.carousel-inner{
	width: 100%;
	height: 100vh;
}

/*--text--*/

.container-text{
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	padding-top: 55px;
}

.text{
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 50px; 
	font-size: 1px;
	margin-left: 10px;
}

.text-h1{
	font-size: 45em;
	font-weight: bold;
	color: #f2ce57;
	font-family: 'Raleway', sans-serif;
	margin-bottom: 15px;
}

.text-h2{
	font-size: 40em;
	font-weight: bold;
	color: #f2ce57;	
	font-family: 'Raleway', sans-serif;
	margin-bottom: 15px;
}

.text-p{
	font-size: 21em;
	color: #fff;
	font-family: 'Raleway', sans-serif;
}

/*--text img*/

.text-img{
	width: 395px;
	height: 325px;
	margin-top: -100px;
}

/*--package--*/

.package-title{
	margin-top: 40px;
	font-size: 1px;
}

.package-title h3{
	font-size: 45em;
	color: #edd482;
	font-family: 'Raleway', sans-serif;
	text-align: center;
}

.package-incapie{
	display: flex;
	justify-content: center;
	align-items: center;
}

.package-incapie img{
	width: 250px;
	height: 3px;
}

.package-container{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 35px;
	margin-bottom: 50px;
}

.package{
	background: url(../img/package-2.jpg);
	box-shadow: 0px 1px 15px 10px rgba(0, 0, 0, 0.16);
	width: 280px;
	height: 655px;
	margin: 15px 20px;
}

.package-img img{
	width: 260px;
	height: 160px;
}

.package-content{
	font-size: 1px;
}

.package-content-h5{
	font-size: 1px;
}

.package-content-h5 h5{
	font-size: 30em;
	color: #edd482;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	text-align: center;
}

.package-content-img img{
	width: 300px;
	height: 3px;
}

.package-content-p p{
	font-size: 20em;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	margin-top: 10px;
	margin-left: 5px;
}

.package-button{
	display: flex;
	justify-content: center;
	align-items: center;
}

.package-button a{
	background: #d9ad26;
	font-size: 20em;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	padding: 5.5px 60px;
	text-decoration: none;
	border-radius: 20px;
}

.package-button a:hover{
	background: #efb810;
	color: #fff;
	text-decoration: none;
}

/*--gallery--*/

.gallery-title{
	margin-top: 40px;
	font-size: 1px;
}

.gallery-title h3{
	font-size: 45em;
	color: #edd482;
	font-family: 'Raleway', sans-serif;
	text-align: center;
}

.gallery-incapie{
	display: flex;
	justify-content: center;
	align-items: center;
}

.gallery-incapie img{
	width: 250px;
	height: 3px;
	margin-bottom: 30px;
}

/*--repertoire--*/

.repertoire-title{
	margin-top: 40px;
	font-size: 1px;
}

.repertoire-title h3{
	font-size: 45em;
	color: #edd482;
	font-family: 'Raleway', sans-serif;
	text-align: center;
}

.repertoire-incapie{
	display: flex;
	justify-content: center;
	align-items: center;
}

.repertoire-incapie img{
	width: 250px;
	height: 3px;
}

.repertoire-container{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 35px;
	margin-bottom: 50px;
}

.repertoire{
	background: url(../img/package-2.jpg);
	box-shadow: 0px 1px 15px 10px rgba(0, 0, 0, 0.16);
	width: 280px;
	height: 480px;
	margin: 15px 20px;
}

.repertoire-content{
	font-size: 1px;
}

.repertoire-content-h5{
	font-size: 1px;
	margin-top: 5px;
}

.repertoire-content-h5 h5{
	font-size: 35em;
	color: #edd482;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	text-align: center;
}

.repertoire-content-img img{
	width: 300px;
	height: 3px;
}

.repertoire-content-p p{
	font-size: 20em;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	margin-top: 10px;
	margin-left: 5px;
}

.repertoire-button{
	display: flex;
	justify-content: center;
	align-items: center;
}

.repertoire-button a{
	background: #d9ad26;
	font-size: 20em;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	padding: 5.5px 60px;
	text-decoration: none;
	border-radius: 20px;
}

.repertoire-button a:hover{
	background: #efb810;
	color: #fff;
	text-decoration: none;
}

/*--social networks--*/

.social-container{
	background-color: rgba(0, 0, 0, 0.40);
	padding-top: 40px;
	padding-bottom: 30px;
}

.social-text{
	font-size: 1px; 
	text-align: center;
}

.social-text h6{
	font-size: 35em;
	color: #fff;
	font-family: 'Raleway', sans-serif;
}

.social-icon{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1px;
}

.facebook{
	font-size: 37em;
	color: #fff;
	margin-right: 5px;
}

.facebook:hover{
	color: #f1f1f1;
	text-decoration: none;
}

.instagram{
	font-size: 40em;
	color: #fff;
	margin-left: 5px;
}

.instagram:hover{
	color: #f1f1f1;
	text-decoration: none;
}

/*--payment methods--*/

.payment-methods-container{	
	background-color: rgba(0, 0, 0, 0.40);
	font-size: 1px;
	padding-top: 40px;
	padding-bottom: 40px;
}

.payment-methods-text h6{
	font-size: 40em;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	text-align: center;
	margin-bottom: 15px;
}

.payment-methods-img{
	display: flex;
	justify-content: center;
	align-items: center;
}


/*--footer--*/

.footer-container{
	background: #000;
	width: 100%;
	height: 130px;
	padding-top: 50px; 
	text-align: center;
	font-size: 1px;
}

.footer-content{
	color: #fff;
	font-size: 15em;
	font-family: 'Raleway', sans-serif;

}

.footer-content p{
	margin: 0 0px;
}

.menu-icon{
	display: none;
}

@media only screen and (max-width: 310px){

	/*--footer--*/

	.footer{
		background-color: #fff;
		padding-top: 30px;
		text-align: center;
		margin-top: 50px;
		font-size: 1px;
		width: 100%;
		height: 230px;
	}

	.footer-content{
		color: #fff;
		font-size: 15em;
		font-family: 'Raleway', sans-serif;

	}

	.footer-content p{
		margin: 0 0px;
	}

	.designed-by{
		margin-top: 15px;
		color: #fff;
		font-size: 15em;
		font-family: 'Raleway', sans-serif;
	}

	.instprex{
		width: 352px;
		display: block;
		margin: auto;
		height: 110px;
	}
}

@media only screen and (max-width: 1000px){


	/*header*/

	.menu-icon{
		margin-right: 15px;
		display: block;
		color: #fff;
		font-size: 38px;
		cursor: pointer;
	}

	.navigation{
		width: 100%;
	}	

	.navigation ul{
		display: none;
		margin-top: 15px;
	}

	.navigation ul.show{
		display: block;
	}

	.navigation ul li{
		display: block;
	}

	.navigation ul li a{
		font-size: 19px;
		display: block;
		padding: 20px 15px;
		font-family: 'Raleway', sans-serif;
		text-decoration: none;
	}

	.navigation ul li a:hover{
	color: #f3f3f3;
	}

	/*division*/

	.division{
		background: #000;
		width: 100%;
		height: 80px;
	}

	/*carousel*/

	.carousel-inner{
		width: 100%;
		height: auto;
	}
}

@media only screen and (max-width: 953px){

	/*text*/

	.container-text{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.text{
		display: block;
		padding-top: 0px;
		padding-bottom: 50px; 
		font-size: 1px;
		margin-left: 10px;
	}

	/*text img*/

	.text-img{
		width: 395px;
		height: 325px;
		margin-top: 0px;
	}
}

@media only screen and (max-width: 500px){

	/*--text button--*/

	.text-button{
		margin-left: 100px;
		margin-top: 50px;
	}
}

@media only screen and (max-width: 400px){

	/*--text button--*/

	.text-button{
		margin-left: 70px;
		margin-top: 50px;
	}
}



@media only screen and (max-width: 330px){

	/*--header--*/

	.logo img{
		width: 135px;
		height: 55px;
		margin-top: -10px;
		margin-bottom: -10px;
	}
}

.header{
    margin-top: 10px;
.logo img{
    width: 130px;     /* tamaño ideal */
    height: auto;     /* mantiene proporción */
    display: block;
}
.logo-nav-container {
    display: flex;
    align-items: center;
}

.menu-icon {
    margin-left: auto;
    font-size: 25px;
    cursor: pointer;
}.package-img {
    margin-bottom: 25px;
}