/* CSS Document */

.logo-big img{
	width:100%;
}

.texto-parrafo{
	font-size:23px;
	font-weight:300;
	line-height:1.6;
}
.mapa-google{
		width:100%;
		margin:0;
		height:500px;
	}
.foto-producto{
	margin-bottom:30px;
	clear:both;
}
.foto-producto img{
	width:100%;
	height:auto;
}

.textos-legales table{
	width:100%;
	margin-bottom:40px;
}
.textos-legales table td{
	padding:10px;
}
.textos-legales .row{
	display: block;	
}

.mensaje-mascarillas{
	width:100%;
	margin-top:50px;
}
	.header-mascarillas{
		float:right;
		width:78%;
		font-size:33px;
		text-align:center;
		font-weight:bold;
	}
	.icono-mascarillas{
		width:20%;
		float:left;
	}
		.icono-mascarillas img{
			width:100%;
			height:auto;
		}
	.pie-mascarillas{
		float:right;
		width:78%;
		text-align:center;
		font-size:23px;
	}
	

@media screen and (max-width: 768px) {
	
	.mensaje-mascarillas{
		width:100%;
		margin-bottom:40px;
	}
		.header-mascarillas{
			float:none;
			width:100%;
			font-size:26px;
			text-align:center;
		}
		.icono-mascarillas{
			width:100%;
			float:none;
			text-align:center;
			margin:20px 0;
		}
			.icono-mascarillas img{
				width:65%;
				height:auto;
			}
		.pie-mascarillas{
			float:none;
			width:100%;
			text-align:center;
			font-size:22px;
		}
}


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

	.titulo-categoria h1{
		font-size:40px;
	}

}