@charset "utf-8";

@media (min-width: 360px){
	
	.menu-hamburguesa.open{
    	transform: translate3d(60px,0,0);
	}
	
	.tarjeta-wrap{
		width: 330px;
	}

	.tarjeta{
		width: 330px;
	}
}


@media (min-width: 411px){
	
	.burguer img{
    	width: 82%;
		margin-top:10%; 
	}
	
	.menu-hamburguesa.open{
    	transform: translate3d(70px,0,0);
	}
}
	

@media (min-width: 480px){
	
	.burguer img{
		width: 80%;
	}
	
	.logo-cabecera img{
		width: 98%;
	}
	
	.menu-hamburguesa{
		width: 68%;
		transform: translate3d(559px,0,0);
	}
	
	.menu-hamburguesa.open{
    	transform: translate3d(150px,0,0);
	}
	
	.contenido-general{
		width:91%;
	}
	
	.cita p {
		font-size: 1.1em;
	}
	
	.contacto p{font-size:1.2em;}
}


@media (min-width: 568px){
	
	.burguer img{
		width: 78%;
	}
	
	.logo-cabecera img{
		width: 96%;
	}
	
	.menu-hamburguesa{
		transform: translate3d(660px,0,0);
		width: 69%;
	}
	
	.contenido-general{
		width:90%;
	}
}

	
@media (min-width: 667px){	
		
	.burguer img{
		width: 71%;
	}
	
	.logo-cabecera img{
		width: 91%;
		margin:0 0 0 8%;
	}
	
	.menu-hamburguesa{
		width: 60%;
	}
		
	.menu-hamburguesa.open{
    	transform: translate3d(250px,0,0);
	}
}

	
@media (min-width: 731px){
	
	.burguer img{
		width: 69%;
	}
	
	.logo-cabecera img{
		width: 88%;
		margin:0 0 0 9%;
	}
	
	.menu-hamburguesa{
		width: 55%;
		transform: translate3d(730px,0,0);
	}
		
	.menu-hamburguesa.open{
    	transform: translate3d(305px,0,0);
	}
}
	
	
@media (min-width: 768px){
		
	.contenido-general{
		margin:0 auto;
		width:80%;
		margin-top:25%;
	}
	
	header {
		padding:1% 0 0.5% 0;
	}
	
	.titulos{
		padding: 0% 1% 0% 3%;
		font-size: 0.85em;
		margin-left:-0.7em;
	}
	
	.titulos-secundarios img{
		width:19%;
	}
	
	.titulos-secundarios img#historia-1{
		width:7%;
	}
	
	.titulos-secundarios img#historia-2{
		width:7%;
	}
	
	.titulos-secundarios img#historia-3{
		width:7%;
	}
	
	.titulos-secundarios img#historia-4{
		width:7%;
	}
	
	.titulos-secundarios img#historia-5{
		width:7%;
	}
	
	.titulos-secundarios img#historia-6{
		width:7%;
	}
	
	/*-----------------MENÚ GRANDE---------------*/
	.logo-cabecera{
    	width: 66%;
		display: block; 
	}
	
	.logo-cabecera img{
		width: 100%;
		margin:0 auto;
		left: -1px;
		padding-top: 0.4em;
	}
	
	.cabecera-grande{
        display: inline-block;
        width: 100%;
    }
	
	.cabecera-grande ul li{
        display: inline-block;
    }
	
	.cabecera-grande a{
        text-decoration: none;
        display: inline-block;
    }
	
	.cabecera-grande .menu{
		width: 100%;
		display: inline-block;
		position: relative;
		padding-bottom:0.7em;
		text-align: center;
		vertical-align: middle;
	}
	
	.cabecera-grande .menu a{
		text-decoration: none;
		color: #fff;
		background-color:#0b6a87;
		font-size: 0.85em;
		letter-spacing: 0.2em;
		font-family: 'Arsenal', sans-serif;
		padding: 0.5em;
		margin-top: 0.7em;
		display: inline-block;
		transition:all 0.4s;
	}

    .cabecera-grande .menu a:hover{
		color:black;
		font-weight: 800;
        border-color:#0b6a87;
		background-color:#0D86AB
		/*-webkit-text-shadow: 15px 22px 2.5px black;
		-moz-text-shadow:15px 22px 2.5px black;
		text-shadow: 15px 22px 2.5px black;*/
    }
	
	.cabecera-grande .social{
		display:inline-block;
		position: absolute;
		right:0.9%;
		bottom:0.85em;
    }
	
	.cabecera-grande .social a{
		display:inline-block;
		color:#0b6a87;
		font-size: 1.85em;
	}
	
	.cabecera-grande .social a:hover{
	 	color:black;
	 	transition:all 0.3s;
	}
	
	/*---------------------DESACTIVACIÓN MENÚ HAMBURGUESA---------------*/
    .menu-hamburguesa{
        display: none;
    }
	
    .burguer{
        display: none;
    }
	
	/*---------------------VIDEO CONTENEDORES---------------*/
	.video-caja {
    	width: 49%;
    	/*border: 2px solid red;*/
   		margin:0 auto;
		display: inline-block;
	}
	
	#caja-individual{
		width: 100%;
	}
	
	#caja-individual-1{
		width: 100%;
	}
	
	#caja-individual-2{
		width: 100%;
	}
	
	#caja-individual-3{
		width: 100%;
	}
	
	#caja-individual-4{
		width: 100%;
	}
	
	#caja-individual-5{
		width: 100%;
	}
	
	#caja-individual-6{
		width: 100%;
	}
	
	
	
	/*---------------------AUDIO CONTENEDORES---------------*/
	.audio-caja {
    	width: 48%;
    	margin:0 auto;
		display: inline-block;
	}

	/*---------------------FOOTER---------------*/
	footer .contacto{
		width: 24%;
		font-size:2em;
		font-weight: 400;
		letter-spacing: 0.2em;
		padding: 0;
	}
	
	.cita{
		width:80%;
		margin:0 auto;
	}

	.cita p{
		font-size: 1.15em;
		margin: 0 auto;
	}

	.contacto p{
		margin:0;
		padding-bottom:0.3em;
		font-size:1.2 em;
	}
}


@media (min-width: 990px){
	
	.contenido-general{
		margin-top:22%;
	}
	
	.logo-cabecera{
    	width: 62%;
	}
	
	.cabecera-grande .menu a{
        letter-spacing: 0.3em;
		font-size: 0.85em;
	}
	
	.cabecera-grande .social{
		display:inline-block;
		right:2.5%;
    }
	
	.cabecera-grande .social a{
		display: inline-block;
		font-size: 2.2em;
	}
	
	.titulos-secundarios img{
		width:20%;
		font-size:1em;
	}
	
	.titulos-secundarios img#historia-1{
		width:8%;
	}
	
	.titulos-secundarios img#historia-2{
		width:8%;
	}
	
	.titulos-secundarios img#historia-3{
		width:8%;
	}
	
	.titulos-secundarios img#historia-4{
		width:8%;
	}
	
	.titulos-secundarios img#historia-5{
		width:8%;
	}
	
	.titulos-secundarios img#historia-6{
		width:8%;
	}
	
	
	/*---------------------GALERÍA DE FOTOS---------------*/	
	.wrap{
		width: 100%;
		margin: 0 auto;
		display: flex;
	}
	
	.tarjeta-wrap{
		margin: 10px;}
	
	.atras{
		width: 90%;
		height: 90%;
	}
	
	/*---------------------VIDEO CONTENEDORES---------------*/	
	.video-grupo{
		width:100%;
		margin: 0 auto;
	}	

	/*---------------------AUDIO CONTENEDORES---------------*/
	.audio-caja {
		padding-right: 0.8em;
	}

	/*---------------------FOOTER---------------*/
	
	.cita{
		width:40%;
		font-size:1.15em;
		float: right;
		padding-top: 0.6em;
	}

	 footer .contacto{
		padding-top:0;
		font-size:2.05em;
		font-weight: 500;
		letter-spacing: 0.15em;
	}
}


/*@media (min-width: 1024px){
	
   	.logo-cabecera{
		width: 60%;
	}
		
}*/


@media (min-width: 1200px){
	
	.logo-cabecera{
		width: 51%;
	}
	
	.cabecera-grande .menu a{
        letter-spacing: 0.35em;
		font-size: 1em;
	}
	
	.cabecera-grande .social{
		right:4.5%;
    }
	
	.cabecera-grande .social a{
		font-size:2.8em;
	}
	
	.titulos-secundarios img{
		width:17%;
	}
	
	.titulos-secundarios img#historia-1{
		width:8%;
	}
	
	.titulos-secundarios img#historia-2{
		width:8%;
	}
	
	.titulos-secundarios img#historia-3{
		width:8%;
	}
	
	.titulos-secundarios img#historia-4{
		width:8%;
	}
	
	.titulos-secundarios img#historia-5{
		width:8%;
	}
	
	.titulos-secundarios img#historia-6{
		width:8%;
	}
	
	.contenido-general{
		margin-top:19%;
	}
	
	.contenido-general p{
		font-size: 1.3em;
	}
	
	.titulos{
		padding: 0% 1% 0% 2%;
	}
	
	/*---------------------VIDEO CONTENEDORES---------------*/	
	.video-caja{
		padding-left: 0.2em;
	}
	
	.video-caja p{
		font-size: 1.2em;
	}
	
	/*---------------------AUDIO CONTENEDORES---------------*/
	.audio-caja p{
		font-size: 1.2em;
	}
	
	/*---------------------FOOTER---------------*/
	.cita{
		margin:0 auto;
		font-size:1.15em;
		padding-top: 0.7em;
		padding-right: 3%;
	}

	 footer .contacto{
		font-size:2.3em;
		font-weight: 600;
	}
}