@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&family=Roboto+Slab:wght@400;800&display=swap');

/*@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;800&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,500;0,700;1,500&display=swap');

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

/*
h1, h2, h3, h4{font-family:'Roboto Condensed', sans-serif!important;}
h1{font-size:55px;font-weight: 700;text-align:center;letter-spacing: 0.1em;margin-bottom:30px;}
h2{font-weight: 400;font-size:30px;line-height:1.3;text-transform: capitalize;text-align:center;letter-spacing: 0.1em;color:white;}
h3{font-weight: 300;color:white;}
*/

h1, h2, h3, h4, p{font-family: 'Lora', serif;}

h1{font-size:55px;font-weight: 800;text-align:center;letter-spacing: 0.1em;margin-bottom:30px;}
h2{font-weight: 800;font-size:30px;line-height:1.3;text-transform: capitalize;text-align:center;letter-spacing: 0.1em;color:white;}
h3{font-weight: 300;color:white;}
h4{color:white;}
p{font-size:18px;color:white;}

.bgrojo{
	background-color:#a5000e!important;
	/*background-color:#c80314!important;*/
}

.bgamarillo{
	background-color:#ffc500!important;
}

.borderojo{
	border-top: 4px solid #c80314;
}

.bordeamarillo{
	border-top: 4px solid #ffc500;
}


.nav.navbar-nav.navbar-right{
	margin-right:10px!important;
}


.navbar-brand img{
	margin-top:-1px;
	width:235px;
}

#navigation .navbar-nav.navbar-right li a{
	font-family: 'Roboto Condensed', sans-serif!important;
	padding:5px;
	font-size:16px!important;
}

.navbar-nav .active>a, .navbar-nav a:hover{
	background-color:#ffc500!important;
}

#home, #about-us, #portfolio, #about-usm, #about-us2, #repertorio{
    background-repeat: no-repeat;
    background-attachment: fixed ;
    background-position: center; 
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

/*
#home{
	background-image: url('../images/slider/slider-home2.jpg');
	height:100vh;
}
*/

#home img{
	width:100%!important;
	margin-top: 66px;
}

#cuadroheader{
	position:absolute;
	top:65px;
	right:30px;
	width:50%!important;
	margin-right:20px;
}

#about-us{
	background-image: url('../images/fondo_biografia.jpg');
}

#portfolio{
	background-image: url('../images/fondo_galeria.jpg');
}

#our-team{
	background-image: url('../images/fondo_videos.jpg');
}

#blog{
	background-image: url('../images/fondo_fechas.jpg');
}

#repertorio{
	background-image: url('../images/fondo_repertorio.jpg');
}

#contact{
	background-image: url('../images/fondo_contacto.jpg');
}

#home h3{
	margin-top:30vh;
	font-size:23px;
	color: #fff;
	line-height:1.4;
	text-shadow: ;
	font-style: italic;
}

#hometxt{
	background-color:black;
	text-align:center;
	padding:30px 15px;
}

#hometxt h3{
	color:white!important;
	font-style: italic;	
	font-size:20px;
	line-height:1.4;
}


#about-us p{
	font-size:18px;
}


#about-usm{
	background-image: url('../images/fondo_musica.jpg');
}

.txtmusica p{
	/*color:#ffe94e!important;*/
	font-family: 'Roboto Slab', serif;
	font-weight:400;
	font-transform:uppercase;
}

.frase{
	font-family: 'Dancing Script', cursive;
	font-size:35px!important;
}

.txtmusica h4{
	font-size:20px;
	color:white!important;
	font-family: 'Roboto Slab', serif;
	font-weight:800;
	text-transform:uppercase;
}

.imgbio{
	width:100%;
}

.imgbio img{
	margin-bottom:auto;
	margin-left:auto;
}

#about-us2{
	background-image: url('../images/fondo_musica2.jpg');
}

#about-us2 h2, #about-us2 p{
	color:black;
}


#about-us2 h4{
	font-size:24px;
	color:black;
}

.vacio{
	height:35px;
}

@media (max-width:1200px){
	.navbar-brand img{
		width:140px;
	}
	#navigation .navbar-nav.navbar-right li a{
		font-size:12px;
		padding:7px;
	}
	#navigation .navbar-nav.navbar-right li{
		padding:0px;
	}
	#navigation .navbar-nav.navbar-right {
		margin-top:15px!important;
	}
	#home img{
		/*padding-top:54px;*/
		margin-top:55px;
	}
	#navigation .navbar-toggle {
		margin-top: 11px;
	}
	#home h3{
		margin-top:10vh;
	}
	.frase{
		font-size:30px!important;
	}
}


@media (max-width:992px){
	#home h3{
		font-size:22px;
	}
	
	#navigation .navbar-nav.navbar-right li a{
		padding:3px;
	}
	
	#about-us p{
		font-size:16px;
	}
	.achicarp{
		font-size:16px;
	}
}

@media (max-width:851px){
	#navigation .navbar-nav.navbar-right li a{
		font-size:13px!important;
	}
}

@media (max-width:678px){
	#home img{
		margin-top:60px;
		/*height:100vh;*/
		/*background-image: url('../images/slider/slider-home2-xs.jpg');*/
	}
	#repertorio p{
		font-size:12px;
	}
	.vacio {
		height: 24px;
	}
	#repertorio .col-xs-9, #repertorio .col-xs-3, #repertorio .col-xs-5, #repertorio .col-xs-2{
		padding-left:5px;
		padding-right:5px;
	}
	#repertorio .col-xs-2{
		margin-left:-13px!important;
	}
}

#blog .btn-primary, #contact .btn-warning {
    background-color:#242424;
    color:white;
	border-color:white!important;
}

#blog .btn-primary:hover, #contact .btn-warning  {
    background-color:black;
    color:white;
	border-color:white!important;
}

#footer a {
    color:white;
}


@media (min-width:767px){
	.show-xs{
		display:none!important;
	}
}

@media (max-width:767px){
	.hidden-xs{
		display:none!important;
	}
	.show-xs{
		display:block!important;
	}
}