body {
	background-color: #FFB800;
	color: #000000;
	font-family: "Poppins" sans-serif;
}

h1,h2,h3,h4,h5,h6, p {
	color: #000000;
	font-family: "Poppins" sans-serif;
	font-weight: 600;
}

h1 {
}


a {
	font-family: "Poppins" sans-serif;
	font-weight: 400;
}

a.footer-link {
	text-decoration: none;
	color: #F9FB15;
	font-weight: 400;
}

a.footer-link:hover {
	color: #FECA92;
}

img {
	max-width: auto;
}

.sintos-hero-background {
 	background: rgb(231,222,2);
	background: linear-gradient(0deg, rgba(231,222,2,1) 25%, rgba(249,251,21,1) 27%, rgba(255,103,4,1) 100%);  
	padding-top: 100px; 
}

.pronacen-button {
	background-color: #E92327;
	border-radius: 50px;
	border: 2px solid #FECA92;
	color: white;
	padding: 25px 20px 25px 5px;
	text-decoration: none;
}

.pronacen-button:hover {
	background-color: #EF7D14;
	font-weight: 600;
	padding: 28px 20px 28px 5px;
}

.sintos-caracteristica {
	min-height: 200px;
}

.bondades {
	min-height: 300px;
	background-color: #E7D002;
}


.miel {
	min-height: 300px;
	background-color: #FFB800;
	padding: 10px;
}

.extractos {
	min-height: 300px;
	background-color: #FF9900;
	padding: 10px;
}

.sintos-a-tu-casa {
	min-height: 300px;
	background-color: #FF6E05;
	padding: 10px;
}

.sintos-compra-en-linea {
	min-height: 300px;
	background-color: #FF5005;
	padding: 10px;
}

.responsive {
	height: auto;
	max-width: 70vw;
	width: 100%;
}

.sintos-logo img {
	height: auto;
	max-width: 70vw;
	width: 100%;
}


.flex {
	display: flex;
}

footer {
	background-color: #E92327;
	padding-bottom: 55px;
}

@media only screen and (min-width: 1000px) {

	h2.titulo {
		font-size: 3.5em;
		padding: 5px 25px;
	}

	h3.subtitulo {
		font-size: 2.1em;
		padding: 50px 25px 5px 25px;
	}
	
	p.sintos-caracteristica-ind {
		font-size: 1.5em;
		padding: 130px 130px 0px 130px;
	}


	h3.sintos-caracteristica-ind {
		font-size: 2.9em;
		padding: 0px 130px 25px 130px;
	}


p.sintos-caracteristica-1 {
		font-size: 1.5em;
		padding: 90px 5px 0px 5px;
		text-align: left;
	}

p.sintos-caracteristica-2 {
		font-size: 1.5em;
		padding: 25px 5px 0px 5px;
		text-align: left;
	}

	.responsive {
		max-width: 750px;
	}

	.sintos-logo img {
		max-width: 250px;
	}

}

@media only screen and (max-width: 1000px) {

	h2.titulo {
		font-size: 2.7em;
		padding: 5px 5px;
	}

	h3.subtitulo {
		font-size: 1.7em;
		padding: 50px 15px 5px 15px;
	}

	p.sintos-caracteristica-ind {
		font-size: 1.5em;
		padding: 50px 5px 5px 5px;
	}


	h3.sintos-caracteristica-ind {
		font-size: 2.5em;
		padding: 5px 5px 50px 5px;
	}

	p.sintos-caracteristica-1 {
		font-size: 1.3em;
		padding: 30px 5px 0px 5px;
		text-align: left;
	}

	p.sintos-caracteristica-2 {
		font-size: 1.3em;
		padding: 15px 5px 25px 5px;
		text-align: left;
	}

	.flex {
		display: flex;
	}

	.responsive {
		max-width: 500px;
	}

	.sintos-logo {
		max-width: 350px;
		padding-bottom: 10px;
	}


}

@media only screen and (min-width: 600px) {
	.show-mobile, a.show-mobile, p.show-mobile {
		visibility: collapse;
	}
}


@media only screen and (max-width: 600px) {

.sintos-hero-background {
 	background: rgb(231,222,2);
	background: linear-gradient(0deg, rgba(231,222,2,1) 65%, rgba(249,251,21,1) 67%, rgba(255,103,4,1) 100%);  
	padding-top: 100px; 
}

.caracteristicas {
	min-height: 200px;
	padding: 15px;
}

.sintos-caracteristica {
	min-height: 150px;
}

.sintos-logo {
	max-width: 310px;
	padding-bottom: 25px;
}

.responsive {
	height: auto;
	max-width: 90vw;
	padding-top: 10px;
	width: 100%;
	}

#extractos-1 {
	display: flex;
	order: 2;
}

#extractos-2 {
	display: flex;
	order: 1;
}

	h3.subtitulo {
		font-size: 1.3em;
		padding: 50px 15px 10px 15px;
	}

	h2.titulo {
		font-size: 2.3em;
		padding: 0px 25px 30px 25px;

	}


	p.sintos-caracteristica-ind {
		font-size: 1.2em;
		padding: 10px 5px 0px 5px;
	}

	h3.sintos-caracteristica-ind {
		font-size: 1.8em;
		padding: 5px 5px 30px 5px;
	}



	p.sintos-caracteristica-1 {
		font-size: 1em;
		padding: 10px 5px 0px 5px;
		text-align: left;
	}

	p.sintos-caracteristica-2 {
		font-size: 1em;
		padding: 5px 5px 50px 5px;
		text-align: left;
	}


	.flex {
		display: flex;
		flex-direction: row-reverse;
	}



}