/*
negocio/plantillas/panels/0400kpi/style.css
negocio/plantillas/panels/0500areastrabajo/style.css
negocio/plantillas/panels/0600sliderdestacados/style.css
negocio/plantillas/panels/0601sliderclientesbis/style.css
*/
.mdl-kpi{background-color:#f7f7f7;padding:3rem 0 8.8rem;width:100%;max-width:144rem;overflow:hidden}.mdl-kpi
.container{margin:0
auto;width:calc(100% - 30rem);align-items:center;position:relative}.mdl-kpi .container .m-cifras{display:flex;flex-direction:row;justify-content:space-between;z-index:1;width:100%}.mdl-kpi .container .m-cifras .m-cifras-item{width:calc(80% / 5);align-items:center}.mdl-kpi .container .m-cifras .m-cifras-item [class^="m-contador"]{font-size:4.5rem;font-weight:100;line-height:0.64;color:#26262b;margin-bottom:2.1rem;display:flex}.mdl-kpi .container .m-cifras .m-cifras-item
.texto{line-height:2.13;text-align:center}.mdl-kpi .container .texto-inferior{margin-top:6.1rem;margin-bottom:4rem;font-size:4rem;font-weight:100;line-height:1.35;text-align:center;width:88%}@media (max-width: 1025px){.mdl-kpi
.container{width:calc(100% - 6.4rem)}.mdl-kpi .container .m-cifras .m-cifras-item{width:auto}}@media (max-width: 769px){.mdl-kpi
.container{width:calc(100% - 4.8rem)}.mdl-kpi .container .m-cifras .m-cifras-item{width:16%;min-width:13rem;margin:1.5rem 0}.mdl-kpi .container .m-cifras .m-cifras-item [class^="m-contador"]{margin-bottom:3rem}.mdl-kpi .container .m-cifras .m-cifras-item
.texto{line-height:1.47}.mdl-kpi .container .texto-inferior{margin-top:3.6rem;width:100%}}@media (max-width: 769px) and (max-width: 740px){.mdl-kpi .container .m-cifras{flex-wrap:wrap;justify-content:center}}@media (max-width: 550px){.mdl-kpi{padding:3.5rem 0 5rem}.mdl-kpi
.container{width:calc(100% - 3rem)}.mdl-kpi .container .m-cifras{justify-content:space-between}.mdl-kpi .container .m-cifras .m-cifras-item{width:35%;margin:1.7rem 0}.mdl-kpi .container .m-cifras .m-cifras-item [class^="m-contador"]{margin-bottom:2.5rem}.mdl-kpi .container .m-cifras .m-cifras-item
.texto{line-height:1.47;min-height:4rem}.mdl-kpi .container .texto-inferior{margin-top:0rem;margin-bottom:2rem;font-size:3rem;line-height:1.47}}.arrowR{transform:rotate(180deg)}
.mdl-areas {
	width: calc(100vw - 1.5rem);
	margin: 0 auto;
	padding: 0;
}
@media (max-width: 1441px) {
	.mdl-areas {
		padding: 0.75rem;
		width: calc(100vw - 1.5rem);
	}
}
.mdl-areas .intro-mobile {
	display: none;
}
.mdl-areas .sliderAreas .m-grid {
	flex-wrap: wrap;
	justify-content: space-around;
}
.mdl-areas .sliderAreas .m-grid [href="javascript:"] {
	cursor: inherit;
}
.mdl-areas .sliderAreas .m-grid .area-box {
	background-color: #f7f7f7;
	margin: 0.75rem;
	transition: all 1s ease;
}
.mdl-areas .sliderAreas .m-grid .area-box.area-intro {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: calc(((100% - 4.5rem) / 3) - 8.6rem);
	padding: 1rem 4.3rem;
	position: relative;
}
.mdl-areas .sliderAreas .m-grid .area-box.area-intro .orange-line {
	margin-top: 2rem;
	margin-bottom: 2.4rem;
}
.mdl-areas .sliderAreas .m-grid .area-box.area-intro .title {
	font-size: 2.5rem;
	line-height: 1.4;
	margin-bottom: 0.8rem;
}
.mdl-areas .sliderAreas .m-grid .area-box.area-intro .text {
	max-width: 80%;
	font-size: 2rem;
	font-weight: 300;
	line-height: 1.75;
	min-height: 17rem;
	letter-spacing: normal;
}
.mdl-areas .sliderAreas .m-grid .area-box.area-intro a.arrow {
	line-height: 2.13;
}
.mdl-areas .sliderAreas .m-grid .area-box.area-item {
	width: calc(((100% - 4.5rem) / 3) - 2rem);
	padding: 1rem;
}
.mdl-areas .sliderAreas .m-grid .area-box.area-item .area-img {
	width: 100%;
	height: 23.6rem;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: all 0.5s ease;
	filter: grayscale(100%);
}
.mdl-areas .sliderAreas .m-grid .area-box.area-item .area-text {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 13.1rem;
	font-weight: 500;
	line-height: 2.5rem;
	letter-spacing: 0.6rem;
	color: #26262b;
	text-align: center;
}
.mdl-areas .sliderAreas .m-grid .area-box:hover {
	background-color: #dedede;
	transition: none;
}
.mdl-areas .sliderAreas .m-grid .area-box:hover .area-img {
	filter: unset;
}
@media (max-width: 1025px) {
	.mdl-areas .area-img {
		filter: unset !important;
	}
	.mdl-areas .sliderAreas .m-grid .area-box.area-intro {
		width: calc(((100% - 4.5rem) / 3) - 3rem);
		padding: 1rem 1.5rem;
	}
	.mdl-areas .sliderAreas .m-grid .area-box.area-intro .orange-line {
		margin-top: 0;
	}
	.mdl-areas .sliderAreas .m-grid .area-box.area-intro .text {
		max-width: unset;
	}
}
@media (max-width: 769px) {
	.mdl-areas .sliderAreas .m-grid .area-box.area-intro {
		width: calc(((100% - 3rem) / 2) - 6rem);
		padding: 4.5rem 3rem 3rem;
		justify-content: flex-start;
	}
	.mdl-areas .sliderAreas .m-grid .area-box.area-intro .text {
		min-height: 14rem;
	}
	.mdl-areas .sliderAreas .m-grid .area-box.area-item {
		width: calc(((100% - 3rem) / 2) - 2rem);
	}
	.mdl-areas .sliderAreas .m-grid .area-box.area-item .area-img {
		height: 18.7rem;
	}
	.mdl-areas .sliderAreas .m-grid .area-box.area-item .area-img.eff-active {
		filter: unset;
	}
	.mdl-areas .sliderAreas .m-grid .area-box.area-item .area-text {
		height: 10.1rem;
	}
	.mdl-areas .sliderAreas .m-grid .area-box.area-item:hover {
		background-color: unset;
	}
}
@media (max-width: 480px) {
	.mdl-areas {
		padding: 1.5rem 0 0;
		width: 100vw;
	}
	.mdl-areas .intro-mobile {
		width: calc(100% - 5rem - 3rem);
		padding: 5rem 2.5rem;
		background-color: #f7f7f7;
		margin: 0 auto 1.5rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.mdl-areas .intro-mobile .orange-line {
		margin-bottom: 2.4rem;
	}
	.mdl-areas .intro-mobile .title {
		font-size: 2.5rem;
		line-height: 1.4;
		margin-bottom: 1.2rem;
	}
	.mdl-areas .intro-mobile .text {
		max-width: 80%;
		font-size: 1.8rem;
		font-weight: 300;
		line-height: 1.83;
		letter-spacing: normal;
		min-height: 10rem;
	}
	.mdl-areas .intro-mobile a.arrow {
		line-height: 2.13;
	}
	.mdl-areas .sliderAreas .rsSlide {
		background-color: #f7f7f7;
	}
	.mdl-areas .sliderAreas .m-grid {
		height: calc(33.5rem + 2.7rem);
		width: 31.5rem;
		margin: 0 auto;
		justify-content: center;
	}
	.mdl-areas .sliderAreas .m-grid .area-box {
		background-color: unset;
	}
	.mdl-areas .sliderAreas .m-grid .area-box.area-intro {
		display: none;
	}
	.mdl-areas .sliderAreas .m-grid .area-box.area-item {
		margin: 0;
		width: calc(31.5rem - 2rem);
	}
	.mdl-areas .sliderAreas .m-grid .area-box.area-item .area-img {
		height: 21.1rem;
		margin-left: 1rem;
		margin-right: 1rem;
		width: inherit;
	}
	.mdl-areas .sliderAreas .m-grid .area-box.area-item .area-img.eff-active {
		filter: unset;
	}
	.mdl-areas .sliderAreas .m-grid .rsOverflow {
		overflow: visible !important;
		width: 100% !important;
		height: 100% !important;
		max-height: 33.5rem;
		max-width: 31.5rem;
	}
	.mdl-areas .sliderAreas .m-grid .rsOverflow .rsArrow {
		display: none !important;
	}
}
.mdl-areas [data-aos="effectJobs"] {
	transition-property: transform;
	transform: translate3d(15%, 0, 0);
}
.mdl-areas [data-aos="effectJobs"].aos-animate {
	transform: translate3d(0%, 0, 0);
}

.mdl-sliderDestacados {
  width: calc(100% - 10.4rem);
  padding-bottom: 3rem;
  overflow: hidden !important;
}
.mdl-sliderDestacados.onleft {
  padding-right: 11rem;
}
.mdl-sliderDestacados.onleft .header {
  padding: 4rem 9.5rem 4rem 4rem;
}
.mdl-sliderDestacados.onleft .header > a.arrow {
  margin-right: -8.5rem;
}
.mdl-sliderDestacados .rsContainer {
  overflow: inherit;
}
.mdl-sliderDestacados .rsContainer.force-flow {
  overflow: visible !important;
}
.mdl-sliderDestacados.extraBottom {
  padding-bottom: 10rem;
}
@media (max-width: 1025px) {
  .mdl-sliderDestacados.extraBottom {
    padding-bottom: 7rem;
  }
}
@media (max-width: 480px) {
  .mdl-sliderDestacados.extraBottom {
    padding-bottom: 3rem;
  }
}
.mdl-sliderDestacados .header {
  justify-content: space-between;
  align-items: flex-end;
  padding: 4rem 0 4rem 0;
  width: calc(100% - 13.5rem);
}
.mdl-sliderDestacados .header > a.arrow {
  padding-bottom: 0.7rem;
}
.mdl-sliderDestacados .sliderDestacados {
  width: 100%;
}
.mdl-sliderDestacados .sliderDestacados .m-grid {
  width: 100%;
  height: 63rem;
  flex-wrap: wrap;
  justify-content: space-around;
  position: relative;
}
.mdl-sliderDestacados .sliderDestacados .m-grid .rsOverflow {
  width: 100% !important;
  height: 100% !important;
  max-height: 63rem;
}
.mdl-sliderDestacados .sliderDestacados .m-grid .rsOverflow .rsArrow {
  display: none !important;
}
.mdl-sliderDestacados .sliderDestacados .m-grid .rsBullets {
  position: absolute;
  bottom: 5.5rem;
  right: 6rem;
}
.mdl-sliderDestacados .sliderDestacados .m-grid .rsBullets .rsBullet:not(.rsNavSelected) {
  background-color: white;
}
.mdl-sliderDestacados .sliderDestacados .m-grid .slide-item {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 4rem 4.8rem;
  width: calc(100% - 9.6rem);
  height: calc(100% - 8rem);
  color: white;
  justify-content: flex-end;
  position: relative;
}
.mdl-sliderDestacados .sliderDestacados .m-grid .slide-item:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20rem;
  opacity: 0.8;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
  z-index: 2;
}
.mdl-sliderDestacados .sliderDestacados .m-grid .slide-item .title-mdl {
  letter-spacing: -0.02rem;
  text-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2);
  z-index: 3;
}
.mdl-sliderDestacados .sliderDestacados .m-grid .slide-item .subtitle {
  font-size: 1.3rem;
  line-height: 1.8;
  letter-spacing: 0.26rem;
  text-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2);
  z-index: 3;
}
.mdl-sliderDestacados .sliderDestacados .m-grid .slide-item .orange-line {
  max-width: 5.2rem;
  width: 100%;
  border: solid 0.05rem #f5a800;
  margin: 1.2rem 0 1.4rem;
  z-index: 3;
}
.mdl-sliderDestacados .sliderDestacados .m-grid .slide-item a.arrow {
  text-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2);
  line-height: 2.1;
  z-index: 3;
  font-size: 2rem;
}
.mdl-sliderDestacados .sliderDestacados .m-grid .slide-item a.arrow > img {
  filter: invert(100%) brightness(150%);
}
.mdl-sliderDestacados .next-slide-name {
  margin-right: 6px;
}
.mdl-sliderDestacados .selectors {
  width: 100%;
}
.mdl-sliderDestacados .selectors .prev,
.mdl-sliderDestacados .selectors .next {
  cursor: pointer;
  align-items: center;
  height: 9rem;
  padding: 0 3.5rem;
  width: calc(50% - 7rem);
  background-color: rgba(216, 216, 216, 0.25);
  transition: 0.3s ease all;
}
.mdl-sliderDestacados .selectors .prev:hover,
.mdl-sliderDestacados .selectors .next:hover {
  background-color: rgba(216, 216, 216, 0.5);
}
.mdl-sliderDestacados .selectors .prev img {
  margin-left: 0;
  margin-right: 0.6rem;
}
.mdl-sliderDestacados .selectors .next {
  justify-content: flex-end;
}
@media (max-width: 1025px) {
  .mdl-sliderDestacados.onleft {
    width: calc(100% - 2.4rem) !important;
  }
  .mdl-sliderDestacados.onleft .header {
    padding: 4rem 0rem 4rem 2rem;
  }
  .mdl-sliderDestacados.onleft .header > a.arrow {
    margin-right: 0.5rem !important;
  }
  .mdl-sliderDestacados .header {
    padding: 2rem 0 4.5rem 0;
    width: calc(100% - 3rem);
  }
  .mdl-sliderDestacados .sliderDestacados .m-grid {
    height: 54.4rem;
  }
  .mdl-sliderDestacados .sliderDestacados .m-grid .rsOverflow {
    max-height: 54.4rem;
  }
  .mdl-sliderDestacados .sliderDestacados .m-grid .rsBullets {
    right: 3.2rem;
  }
  .mdl-sliderDestacados .sliderDestacados .m-grid .slide-item {
    padding: 4rem 3rem;
    width: calc(100% - 6rem);
  }
}
@media (max-width: 769px) {
  .mdl-sliderDestacados.onleft .header .title-mdl {
    font-size: 3rem;
  }
  .mdl-sliderDestacados .header {
    padding: 3rem 0 4.5rem 0;
    width: calc(100% - 2rem);
  }
  .mdl-sliderDestacados .header > a.arrow {
    padding-bottom: 1.5rem;
  }
  .mdl-sliderDestacados .header .title-mdl {
    font-size: 3rem;
  }
  .mdl-sliderDestacados .sliderDestacados .m-grid {
    height: 40rem;
  }
  .mdl-sliderDestacados .sliderDestacados .m-grid .rsOverflow {
    max-height: 40rem;
  }
  .mdl-sliderDestacados .sliderDestacados .m-grid .rsBullets {
    right: 2.5rem;
  }
  .mdl-sliderDestacados .sliderDestacados .m-grid .slide-item {
    padding: 4rem 2rem;
    width: calc(100% - 4rem);
  }
  .mdl-sliderDestacados .selectors .prev,
  .mdl-sliderDestacados .selectors .next {
    padding: 0 2.5rem;
    width: calc(50% - 5rem);
  }
}
@media (max-width: 480px) {
  .mdl-sliderDestacados {
    padding-right: 0;
    width: 100vw;
  }
  .mdl-sliderDestacados .header {
    flex-direction: column;
    align-items: flex-start;
    padding: 2.8rem 1.5rem;
    width: calc(100% - 3rem);
  }
  .mdl-sliderDestacados .header .title-mdl {
    line-height: 1.54;
  }
  .mdl-sliderDestacados .header a.arrow {
    line-height: 2.13;
    padding-bottom: 0;
    font-size: 1.5rem;
  }
  .mdl-sliderDestacados .sliderDestacados .m-grid {
    height: 34rem;
  }
  .mdl-sliderDestacados .sliderDestacados .m-grid .rsOverflow {
    max-height: 34rem;
  }
  .mdl-sliderDestacados .sliderDestacados .m-grid .rsBullets {
    right: unset;
    left: 1.5rem;
    bottom: 2.6rem;
  }
  .mdl-sliderDestacados .sliderDestacados .m-grid .slide-item {
    padding: 1.5rem 2rem 3.5rem;
    height: calc(100% - 5rem);
    width: calc(100% - 4rem);
  }
  .mdl-sliderDestacados .sliderDestacados .m-grid .slide-item .title-mdl {
    letter-spacing: -0.02rem;
    text-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2);
  }
  .mdl-sliderDestacados .sliderDestacados .m-grid .slide-item .subtitle {
    font-size: 1.3rem;
    line-height: 1.8;
    letter-spacing: 0.26rem;
    text-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2);
  }
  .mdl-sliderDestacados .sliderDestacados .m-grid .slide-item a.arrow {
    margin-top: 0.4rem;
  }
  .mdl-sliderDestacados .selectors .prev,
  .mdl-sliderDestacados .selectors .next {
    padding: 0 1.5rem;
    width: calc(50% - 3rem);
  }
}

.mdl-clientes{padding:4rem 6.2rem 7.5rem;width:calc(100vw - 12.4rem);max-width:calc(144rem - 12.4rem)}.mdl-clientes .title-mdl{padding-left:6.8rem;margin-bottom:7rem}.mdl-clientes
.container{align-items:center;width:100%}.mdl-clientes .container .arrowL,
.mdl-clientes .container
.arrowR{width:2rem;height:2rem;background-image:url(/content/img/icon-arrowbig.svg)}.mdl-clientes .container
.sliderContainer{margin:0
4rem;width:100%}.mdl-clientes .container .sliderContainer
.sliderClientes1{margin-bottom:2.6rem}.mdl-clientes .container .sliderContainer .sliderClientes1,
.mdl-clientes .container .sliderContainer
.sliderClientes2{height:13.1rem;position:relative;overflow:hidden}.mdl-clientes .container .sliderContainer .sliderClientes1:before,
.mdl-clientes .container .sliderContainer .sliderClientes1:after,
.mdl-clientes .container .sliderContainer .sliderClientes2:before,
.mdl-clientes .container .sliderContainer .sliderClientes2:after{content:"";width:7.5rem;height:100%;background-image:linear-gradient(to right,#fff 26%,rgba(255,255,255,0));position:absolute;top:0;left: -0.1rem;z-index:1}.mdl-clientes .container .sliderContainer .sliderClientes1:after,
.mdl-clientes .container .sliderContainer .sliderClientes2:after{left:unset;right: -0.1rem;transform:rotate(180deg)}.mdl-clientes .container .sliderContainer .sliderClientes1 .m-grid,
.mdl-clientes .container .sliderContainer .sliderClientes2 .m-grid{height:13.1rem;max-width:19rem;margin:0
auto;transform:translateX(-40rem)}@media (max-width: 1340px){.mdl-clientes .container .sliderContainer .sliderClientes1 .m-grid,
.mdl-clientes .container .sliderContainer .sliderClientes2 .m-grid{transform:translateX(-20rem)}}@media (max-width: 900px){.mdl-clientes .container .sliderContainer .sliderClientes1 .m-grid,
.mdl-clientes .container .sliderContainer .sliderClientes2 .m-grid{transform:translateX(0rem)}}.mdl-clientes .container .sliderContainer .sliderClientes1 .m-grid .rsOverflow,
.mdl-clientes .container .sliderContainer .sliderClientes2 .m-grid
.rsOverflow{height:13.1rem !important;overflow:visible !important}.mdl-clientes .container .sliderContainer .sliderClientes1 .m-grid .rsOverflow .rsArrow,
.mdl-clientes .container .sliderContainer .sliderClientes2 .m-grid .rsOverflow
.rsArrow{display:none !important}.mdl-clientes .container .sliderContainer .sliderClientes1 .m-grid .rsBullets,
.mdl-clientes .container .sliderContainer .sliderClientes2 .m-grid
.rsBullets{display:none}.mdl-clientes .container .sliderContainer .sliderClientes1 .m-grid .cliente-item,
.mdl-clientes .container .sliderContainer .sliderClientes2 .m-grid .cliente-item{align-items:center;height:100%;width:100%}.mdl-clientes .container .sliderContainer .sliderClientes1 .m-grid .cliente-item [href="javascript:"],
.mdl-clientes .container .sliderContainer .sliderClientes2 .m-grid .cliente-item [href="javascript:"]{cursor:inherit}.mdl-clientes .container .sliderContainer .sliderClientes1 .m-grid .cliente-item .cliente-logo,
.mdl-clientes .container .sliderContainer .sliderClientes2 .m-grid .cliente-item .cliente-logo{display:flex;align-items:center;justify-content:center;transition:0.3s ease all;filter:grayscale(100%);margin-bottom:1.1rem;height:calc(100% - 4rem)}@media (max-width: 1024px){.mdl-clientes .container .sliderContainer .sliderClientes1 .m-grid .cliente-item .cliente-logo,
.mdl-clientes .container .sliderContainer .sliderClientes2 .m-grid .cliente-item .cliente-logo{filter:unset}}.mdl-clientes .container .sliderContainer .sliderClientes1 .m-grid .cliente-item .cliente-logo > img,
.mdl-clientes .container .sliderContainer .sliderClientes2 .m-grid .cliente-item .cliente-logo>img{max-height:100%;max-width:14rem}.mdl-clientes .container .sliderContainer .sliderClientes1 .m-grid .cliente-item .cliente-link,
.mdl-clientes .container .sliderContainer .sliderClientes2 .m-grid .cliente-item .cliente-link{opacity:0;transition:0.3s ease all;display:flex;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;border-radius:50%;border:0.2rem solid #000;filter:invert(71%) sepia(41%) saturate(7058%) hue-rotate(16deg) brightness(112%) contrast(111%)}.mdl-clientes .container .sliderContainer .sliderClientes1 .m-grid .cliente-item:hover .cliente-logo,
.mdl-clientes .container .sliderContainer .sliderClientes2 .m-grid .cliente-item:hover .cliente-logo{filter:unset}.mdl-clientes .container .sliderContainer .sliderClientes1 .m-grid .cliente-item:hover .cliente-link,
.mdl-clientes .container .sliderContainer .sliderClientes2 .m-grid .cliente-item:hover .cliente-link{opacity:1}.mdl-clientes .container .sliderContainer
.sliderClientes1{margin-bottom:2.6rem}@media (max-width: 1025px){.mdl-clientes{padding:4rem 3rem 6rem;width:calc(100vw - 6rem)}.mdl-clientes .title-mdl{padding-left:0}}@media (max-width: 769px){.mdl-clientes{padding:4rem 2.5rem 2rem;width:calc(100vw - 5rem)}}@media (max-width: 480px){.mdl-clientes{padding:1rem 0 2rem;width:100vw}.mdl-clientes .title-mdl{padding:0
1.5rem;margin-bottom:3rem}.mdl-clientes
.container{position:relative}.mdl-clientes .container .arrowL,
.mdl-clientes .container
.arrowR{position:absolute;top:50%;z-index:5}.mdl-clientes .container
.arrowL{left:1.5rem}.mdl-clientes .container
.arrowR{right:1.5rem}.mdl-clientes .container
.sliderContainer{margin:0}.mdl-clientes .container .sliderContainer .sliderClientes1:before,
.mdl-clientes .container .sliderContainer .sliderClientes1:after,
.mdl-clientes .container .sliderContainer .sliderClientes2:before,
.mdl-clientes .container .sliderContainer .sliderClientes2:after{width:9.5rem}.mdl-clientes .container .sliderContainer .sliderClientes1 .m-grid,
.mdl-clientes .container .sliderContainer .sliderClientes2 .m-grid{max-width:15rem}}