@font-face {
	font-family: 'Druk Text Web Bold';
	src: url('../druk/DrukText-Bold-Web.eot');
	src: url('../druk/DrukText-Bold-Web.eot?#iefix') format('embedded-opentype'),
	url('../druk/DrukText-Bold-Web.woff2') format('woff2'),
	url('../druk/DrukText-Bold-Web.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
}
b{
    font-weight: 700;
}


html, body{
	font-family: 'Georgia', serif;
	color: #000;
}
body{
	background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	font-family: 'Druk Text Web Bold', sans-serif !important;
	font-weight: 700;
	margin-left: 15px;
	margin-right: 15px;
}

h6{
	font-size: 10px;
}

.apertura {
	background-color: #000;
}

p{
	margin-right: 15px;
	margin-left: 15px;
	line-height: 1.4;
	font-size: 20px;
	font-weight: 300;
	text-align: left;
}


.quote-numero2 {
	border-right: 1px solid #000000;
	text-align: right;
}
.quote-numero2 span{
	font-size: 2em;
	color:#ed1c24;
}
.quote-numero2 h3 {
	padding: 15px;
	text-align: right;
	font-size: 3em;
	line-height: 1.2;
}
.quote-numero2 p{
	padding: 15px;
	font-family: 'Montserrat', sans-serif !important;
	text-align: right;
	font-size: 16px;
}

.quote-numero {
	border-left: 1px solid #000000;
	text-align: left;
}
.quote-numero span{
	font-size: 2em;
	color:#ed1c24;
}
.quote-numero h3 {
	padding: 15px;
	text-align: left;
	font-size: 3em;
	line-height: 1.2;
}
.quote-numero p{
	padding: 15px;
	font-family: 'Montserrat', sans-serif !important;
	text-align: left;
	font-size: 16px;
}


/********************* MENÚ ******************/
.head_exp{top:0px;background-color: #000;padding: 0.4em;left: 0px;position: fixed;display: block;width: 100%; border-bottom-color: #000;
	border-right-width: 2px;border-bottom-style:solid;z-index: 99; -webkit-transition: background-color 0.5s ease-out; -moz-transition: 
	background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out;}

.head_exp:hover{
	background-color: #ed1c24;
}

ul.nav.justify-content-end {
  
  -webkit-margin-start: 0px !important;
  -webkit-margin-end: 0px !important;
}

.mobile {
	display: none;
}

.redes{ 
	opacity: 1;
	max-width: 40px !important;
	margin: 0px 5px;
	transition: transform .3s; /* Animation */
}
.redes:hover{
	opacity: 0.8;
	transform: scale(1.2);
}




/********************* CUERPO ESTILOS ******************/
.s-1{
	padding: 2em 0;
}

.nombre-titular h3{
	color: #000000;
	font-size: 3em;
	padding: 0.5em 0;
	line-height: 1.3;
}

.pie-foto, .pie-foto2{
	bottom:0;
	width: 100%;
	
}

.pie-foto p{
	padding-top: 10px;
	font-size: .9em;
	font-weight: 300;
	color: #838383;
	line-height: 1.2em;
	text-align: right;
	font-family: 'Montserrat', sans-serif !important;
}

.pie-foto2 p{
	font-size: .9em;
	font-weight: 400;
	color: #838383;
	line-height: 1.2em;
	text-transform: none;
}

.texto_frase h2 {
	line-height: 1;
	font-size: 36px;
	font-weight: 300;
	text-align: center;
	padding-bottom: 1em;
	color: #52c3ca;
	
}
.texto_frase p {
	font-family: 'Montserrat', sans-serif;
	line-height: 1;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	padding-bottom: 1em;
	
}
.grafica{
	background-color: #ebebeb;
}
.graf{
	padding: 3em 0;
	border-bottom: 2px dotted #000000;
}
.graf h2{
	font-size: 2em;
	font-family: 'Montserrat', sans-serif !important;
}
.graf p{
	font-family: 'Montserrat', sans-serif !important;
	padding-bottom: 1em;
	font-weight: 18px;
}

.img-fluid-doble{
	margin-top: 3.5em;
}
.p_img-fluid{
	padding: 1em;
}
.img-fluid-doble .pie-foto{
	margin-top: .5em;
}


.cita h4{
	font-size: 1rem;
	padding-top: 1em;
}

.cita p{
	color: #000000;
	font-size: 32px;
	font-weight: 600;
	text-align: center;
	padding-top: 1.5em;
	line-height: 1.3;
}

.cita2 h1{
	font-family: 'Georgia', serif!important;
	color: #5b5c5c;
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	padding-top: 1.5em;
	line-height: 1.1;
	text-transform: none;
}

.cita2 p{
	font-family: 'Montserrat', sans-serif !important;
	color: #5b5c5c;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	line-height: 1;
	padding-top: .5em;
}


.parallax {
  background-image: url(../img/principal_001.jpg);
  height: 100%; 
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

.caption h1{
	position: relative;
    left: 0;
    width: 100%;
    text-align: center;
    color: #000000;
	line-height: 1;
	font-size: 6.7vw;
	padding-top: 5.7em;
	text-shadow: 2px 2px 3px #ffffff;
}

.creditos h4{
	font-size: 1.1em;
	margin-top: 60%;
}

.datoDestacado {
	padding: 1em 0;
}
  
.datoDestacado p {
	padding-top: 20px;
	font-size: 14px;
}

.destacado h2{
	font-family: 'Druk Text Web Bold', sans-serif !important;
	text-align: center !important;
	font-size: 90px;
	line-height: 1em !important;
	color: #ed1c24 !important;
}

.destacado2 h2{
	padding-top: 20px;
	font-family: 'Druk Text Web Bold', sans-serif !important;
	text-align: center !important;
	font-size: 40px;
	line-height: 0.9em !important;
	color: #ed1c24 !important;
}


footer p{
	text-align: center;
	font-family: 'Georgia', serif;
	font-size: 1em;
	color: #c3c3c3;
}




/**************************************/ /**************************************/ /**************************************/ 

@media (min-width: 1024px) and (max-width: 1200px) {

}

@media (min-width: 320px) and (max-width: 800px) {
	.s-1{
		padding: 0.5em 0;
	}
	.parallax {
		background-image: url(../img/principal_mobile001.jpg);
		height: 100%; 
		background-attachment: scroll;
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
	  }
	.caption h1{
		line-height: 1;
		font-size: 3.2em;
		padding-top: 2.4em;
		text-shadow: 4px 4px 9px #ffffff;
	}
	.nombre-titular h3{
		font-size: 2.5em;
	}
	.destacado h2 {
		font-size: 90px;
		line-height: 1 !important;
	}
	.destacado2 h2 {
		font-size: 55px;
		line-height: 0.9em !important;
	}

	.quote-numero2 {
		margin: 15px;
		border-right: 2px solid #000000;
		text-align: right;
	}
	.quote-numero2 span{
		font-size: 2em;
	}
	.quote-numero2 h3 {
		font-size: 2em;
		line-height: 1;
	}
	.quote-numero2 p{
		font-size: 15px;
	}
	.quote-numero {
		margin: 15px;
		border-left: 2px solid #000000;
		text-align: right;
	}
	.quote-numero span{
		font-size: 2em;
	}
	.quote-numero h3 {
		font-size: 2em;
		line-height: 1;
	}
	.quote-numero p{
		font-size: 15px;
	}
	

	.cita p {
		color: #838383;
		font-size: 1.7rem;
		padding-top: 1.5em;
		line-height: 1.3;
		text-align: left;
	}
	.desk {
		display: none;
	}
	.redes {
	    width: 15% !important;
	}
	
	.graficas {
		padding: 1.5em 0;
	}
	.creditos h4{
		font-size: 1rem;
		margin-top: 10%;
	}

}