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

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

.header{
	background-image: url(../img/fondo-.jpg);
	color: #000;
	padding: 20px 0;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	right: 0;
}

.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;
	flex-wrap: wrap;
}

.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: #f1f1f1;
}

.logo img{
	width: 250px;
	height: 70px;
	margin-top: -15px;
	margin-bottom: -15px;
	margin-left: -30px;
}

/*division*/

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

/*--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: #d9ad26;
	font-family: 'Raleway', sans-serif;
	margin-bottom: 15px;
}

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

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

/*--text button--*/

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

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

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

/*--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: #d9ad26;
	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/fondo-package.jpg);
	box-shadow: 0px 1px 15px 10px rgba(0, 0, 0, 0.16);
	width: 280px;
	height: 720px;
	margin: 15px 20px;
}

.package-img img{
	width: 280px;
	height: 180px;
}

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

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

.package-content-h5 h5{
	font-size: 39em;
	color: #d9ad26;
	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: #000;
	font-family: 'Roboto', sans-serif;
	margin-top: 10px;
	margin-left: 5px;
}

.package-content-h6 h6{
	font-size: 52em;
	color: #d9ad26;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	text-align: center;
	margin-top: 40px;
}

.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;
	margin-top: 5px;
}

.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: #d9ad26;
	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;
}

/*--video--*/

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

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

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

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

.container-video{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 50px;
	margin-bottom: 30px;
}

.video-movil{
	display: none;
}

/*--repertoire--

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

.repertoire-title h3{
	font-size: 45em;
	color: #edd485;
	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/fondo-repertoire.jpg);
	box-shadow: 0px 1px 15px 10px rgba(0, 0, 0, 0.16);
	width: 280px;
	height: 500px;
	margin: 15px 20px;
}

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

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

.repertoire-content-h5 h5{
	font-size: 39em;
	color: #edd485;
	font-family: 'Roboto', 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: 'Roboto', 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;
	margin-top: 105px;
	text-decoration: none;
	border-radius: 20px;
}

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

*/

/*--social networks--*/

.container-social{
	background: url(../img/social.png);
}

.social-container{
	background-color: rgba(0, 0, 0, 0.50);
	margin-top: 60px;
	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;
}

/*--footer--*/

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

.footer-content{
	color: #fff;
	font-size: 15em;

}

.footer-content p{
	margin: 0 0px;
	font-family: 'Roboto', sans-serif;
}

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

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

.menu-icon{
	display: none;
}

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

	/*--footer--*/

	.footer{
		background-color: #000;
		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: 600px){

	/*--video--*/

	.video-pc{
		display: none;
	}

	.video-movil{
		display: block;
	}
}

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

	.instprex{
		width: 308px;
		height: 82px;
	}

	/*--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;
	}

	.logo img{
		width: 250px;
		height: 70px;
		margin-top: -15px;
		margin-bottom: -15px;
		margin-left: 0px;
	}

}



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

	/*--header--*/

	.logo img{
		width: 220px;
		height: 65px;
		margin-top: -15px;
		margin-bottom: -15px;
	}
}