/** clases de letras **/
.raleway{ /* (para textos)*/
	font-family: 'Raleway', sans-serif;
}
.fjalla{ /*(Para menu)*/
	font-family: 'Fjalla One', sans-serif;
}


.texto-titulo{
	font-family: 'Fjalla One', sans-serif;
	font-weight: bold;
}
.tema{
	color:#7D7E7E;
}

#header .header-nav-main nav > ul > li > a {
    color: #7D7E7E;
    font-family: 'Fjalla One', sans-serif;
    font-weight: lighter;
    font-size: 16px;
}
#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {
    background-color:transparent;
    color:#CD7C00;
}
#header .header-nav-main nav > ul > li{
	margin:0;
	padding:0 0;
}
.menufooter  a{
	color: #999797;
	text-transform: uppercase;
	font-family: 'Fjalla One', sans-serif;
}

@media (min-width: 992px){
	#header .header-nav-main nav > ul > li > a.active {
	    background: transparent;
	    color:#CD7C00;
	}
}
/** **/
.display-5{
	font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}
/** **/
#contact-form input:not([type=submit]), #contact-form textarea{
	background-color: transparent;
	color:#FFF;
}

.errorSummary p, .errorSummary ul li,.errorMessage{
	color: red;
}
/** **/
.page-header {
    min-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.page-header a{
	color:#FFF;
}
.page-header span{
	font-weight: bold;
}

/****/
.texto-contacto{
	color:#808080;
}
.texto-contacto:hover{
	text-decoration: none;
}
.position-title{
	position:absolute;top:35px;left:120px;
}
.iconos-contacto{
	padding:5px;
}
.estilo-contacto{
	width:40px;height: auto;
}

@media(max-width:768px){
	.vista-celular{

	}
	.texto-contacto{
		width:50%;
		display:inline-flex;
		align-content: center;
	}
}

@media(max-width: 992px){
		.texto-contacto{
			position:relative;
			left:20px;
		}
		.iconos-contacto{
		padding:3px;
}
		
	}
@media(max-width: 768px){
	
	.imagen-contacto{
		text-align:center;
	}
	.centrado-texto{
		position: relative;
    	left: 8rem;
    	text-align:center;
	}
	.centrado-texto2{
		position: relative;
		left:4.5rem;

		 }
		 
}
@media(max-width: 480px){
	.imagen-contacto{
		text-align:center;
	}
	.centrado-texto{
		position: relative;
    	left: 6.8rem;
    	text-align:center;
	}
	.centrado-texto2{
		position: relative;
		left:3.5rem;

		 }
		 
}

.h2-contacto{
	    margin: 0;
	    font-size:20px;
}