.bg{
	background: rgba(16, 24, 31, 0.35);
}

.bg_uno{
	width:100%;
	height:100%;
	background: url(../img/bg1_fin.jpg) center;
	background-size: cover;
	text-align: center;
	display:table;
	/*filter: grayscale(100%);*/
}

.bg_unoWebp{
	width:100%;
	height:100%;
	background: url(../img/bg1_fin.webp) center;
	background-size: cover;
	text-align: center;
	display:table;
	/*filter: grayscale(100%);*/
}

.bg_dos{
	width:100%;
	height:100%;
	background: url(../img/bg2.jpg) center;
	background-size: cover;
	text-align: center;
	display:table;
}

.bg_dosWebp{
	width:100%;
	height:100%;
	background: url(../img/bg2.webp) center;
	background-size: cover;
	text-align: center;
	display:table;
}

.bg_tres{
	width:100%;
	height:100%;
	background: url(../img/bg3.jpg) center;
	background-size: cover;
	text-align: center;
	display:table;
}

.bg_tresWebp{
	width:100%;
	height:100%;
	background: url(../img/bg3.webp) center;
	background-size: cover;
	/*filter: brightness(125%) contrast(120%);*/
	text-align: center;
	display:table;
}

.bg_cuatro{
	width:100%;
	height:100%;
	background: url(../img/bg4.jpg) center;
	background-size: cover;
	text-align: center;
	display:table;
}

.bg_cuatroWebp{
	width:100%;
	height:100%;
	background: url(../img/bg4.webp) center;
	background-size: cover;
	text-align: center;
	display:table;
}

.bg_cinco{
	width:100%;
	height:100%;
	background: url(../img/bg5.jpg) center;
	background-size: cover;
	text-align: center;
	display:table;
}

.bg_cincoWebp{
	width:100%;
	height:100%;
	background: url(../img/bg5.webp) center;
	background-size: cover;
	text-align: center;
	display:table;
}

.bg_seis{
	width:100%;
	height:100%;
	background: #12284A;;
	background-size: cover;
	text-align: center;
	display:table;
}

.centra_text{
	color:#FFF;
	right:100px;
	font-family:'Lato', sans-serif;
	font-weight:900;
	font-size:20px;
	animation-duration: 3s;
  	animation-name: fadeInUp;
}

.flecha, .flecha-preguntas, .flecha-nosotros{
	width:60px;
	position:absolute;
	top:85%;
	left:50%;
	margin-left:-30px;
	z-index:100;
}

.grid-container {
  display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	z-index: 2;
}

.greca1{
	height:150px;
	animation-duration: 3s;
  	animation-name: fadeInUp;
}

.mas{
	font-family: Roboto-Black;
	color:#FFF;
	border:solid 1px #FFF;
	font-size:14px;
	letter-spacing: 1px;
	width:180px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	margin-top:26px;
	padding:5px;
	cursor:pointer;
}

.mas a:link, .mas a:hover, .mas a:visited, .mas a:active{
	text-decoration: none;
	color:#FFF;
	font-size:14px;

}

.section{
	position:relative;
	margin: 0 auto;
}

.tituloIndex{
	font-family:Lato;
	font-weight:700;
}

.txt{
	font-family: Roboto-Black;
	color:#FFF;
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 24px;
	width:600px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	margin-top:26px;
	font-weight: 100;
}

.txt-enviado{
	text-align: center;
	font-family: Roboto-Light;
	color:#FFF;
	font-size: 22px;
	letter-spacing: 1px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
}

/* Animaciones */

.fp-viewing-nosotros .titulo, .fp-viewing-nosotros .txt, .fp-viewing-productos .txt, .fp-viewing-productos #titulo-productos, .fp-viewing-mercado #titulo-mercado, .fp-viewing-mercado #texto-mercado, .fp-viewing-preguntas #titulo-preguntas, .fp-viewing-preguntas #texto-preguntas, .fp-viewing-contacto #titulo-contacto, .fp-viewing-contacto #txt-contacto{
	animation-duration: 5s;
  	animation-name: fadeInUp;
}

.fp-viewing-nosotros #mas-quienes, .fp-viewing-productos #mas-productos, .fp-viewing-mercado #mas-mercado, .fp-viewing-preguntas #mas-preguntas{
	animation-duration: 3s;
  	animation-name: fadeInUpBig;
}

/* Media */

@media (max-width: 880px){

  .centra_text {
		font-size:20px;
		font-weight: 900;
		font-family:Lato;
		animation-duration: 3s;
	  animation-name: fadeInUp;
	}

	.centra_text > h1{
		font-size:28px;
	}

	.centra_text > h3{
		font-size:18px;
	}

	.centra_text > h4{
		font-size:16px;
	}

  .grid-container {
	  display: grid;
		grid-template-columns: 1fr 3fr 1fr;
		z-index: 2;
	}

}

@media (max-width: 660px){

  .mas a:link, .mas a:hover, .mas a:visited, .mas a:active{
		font-size:12px;
	}

  .txt-nosotros, .txt, .txt-productos, .txt-preguntas, .lista-preguntas, .lista-productos{
		width:90%;
	}

  .txt-nosotros, .txt, .txt-productos, .txt-nosotros, .txt-preguntas, .txt-contacto, #txt-nosotros, .lista-productos, .lista-preguntas, .lista, .lista-dos{
    font-size:14px;
    line-height: 16px;
  }

	.txt-contacto p{
		font-size:10px;
    line-height:12px;
	}
}
