@media (max-width: 900px) {
	.rrss {
		font-size: 15px;
	}
	.rrss i {
		font-size: 21px;
	}
	.icono {
		width: 36px;
		height: 36px;
	}
}
/* sm */
@media (min-width: 576px) {
	.text-sm-left {
		text-align: left;
	}
	.text-sm-right {
		text-align: right;
	}
	.text-sm-center {
		text-align: center;
	}
}
/* md */
@media (min-width: 768px) {
	.u {
		position: absolute;
		z-index: 1;
		bottom: -55%;
		right: 5%;
	}
	.u.blanca {
		position: absolute;
		z-index: 1;
		bottom: -64%;
		right: 0%;
	}
	.text-md-left {
		text-align: left;
	}
	.text-md-right {
		text-align: right;
	}
	.text-md-center {
		text-align: center;
	}
}
@media (min-width: 768px) and (max-width: 991.98px) {
}
/* lg */
@media (min-width: 992px) {
	.text-lg-left {
		text-align: left;
	}
	.text-lg-right {
		text-align: right;
	}
	.text-lg-center {
		text-align: center;
	}
}

/* xl */
@media (min-width: 1200px) {
	.text-xl-left {
		text-align: left;
	}
	.text-xl-right {
		text-align: right;
	}
	.text-xl-center {
		text-align: center;
	}
}

@media (max-width: 767.98px) {
	.intro > div > div:nth-child(2) img {
		margin: 5px auto !important;
	}

	.trago {
		font-size: 24px;
	}
	.logo {
		width: 77%;
		margin-bottom: 30px;
	}
	.trago div {
		font: 300 20px/1.2em Montserrat, arial;
	}
	.e5 {
		min-height: auto;
	}
	h4 .r {
		font-size: 20px;
	}

	.u {
		position: absolute;
		z-index: 1;
		width: 610px;
		bottom: -6%;
		right: -47%;
	}
	.u.blanca {
		position: absolute;
		z-index: 1;
		width: 610px;
		bottom: -15%;
		right: -47%;
	}
	.intro .titulo {
		font-size: 48px;
	}
}
@media (max-width: 400px) {
	.e2 .item-titulo,
	.e4 .item-titulo,
	.e3 .item-titulo,
	.e5 .item-titulo,
	.e6 .item-titulo,
	.e1 .item-titulo {
		font: 700 15px/1.2em Roboto, arial;
	}
	.e2 .item-precio,
	.e4 .item-precio,
	.e3 .item-precio,
	.e5 .item-precio,
	.e6 .item-precio,
	.e1 .item-precio {
		font: 700 13px/1.2em Roboto, arial;
	}
	.e2 .item-precio,
	.e2 .th span {
		width: 50px;
	}
	.e2 .items .th {
		font-size: 11px;
	}
	.e2 .item-descripcion,
	.e4 .item-descripcion,
	.e5 .item-descripcion,
	.e6 .item-descripcion,
	.e3 .item-descripcion,
	.e1 .item-descripcion {
		font: 600 12px/1.1em Roboto, arial;
	}
}
