.titulares{
  margin-bottom: 20px;
  }
.center-align{
  text-align: center !important;
}
.no-hyphens{
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  }
.hyphens{
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  }
.cita-economika{
  text-align: center !important;
    font-size: 1.8rem;
  line-height: 29px;
  font-style: normal;
  font-weight: 600;
  padding: 0 !important;
  display: inline-block;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
 }
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  }
section {
  flex: 1 0 auto;
  }
article{
  padding: 20px !important;
  }
p {
  line-height: 130%;
  text-indent: 30px;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  text-align: justify !important;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  }
cite{
  font-size: 1.2rem;
  display: block;
  font-style: normal;
  text-transform: uppercase;
  }
main{
  margin-bottom: 30px;
  }
strong{
  font-size: 1.8rem;
  line-height: 120%;
  font-weight: 500;
  margin: 20px 0;
  display: inline-block;
  text-align: justify !important;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  } 
blockquote{
  font-size: 2rem;
  line-height: 90%;
  font-style: normal;
  font-weight: 300;
  font-family:'Rokkitt',serif;
  padding: 0 !important;
  display: inline-block;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  border: none;
  }
/*blockquote:before, blockquote:after {
  display: inline-block;
  vertical-align: top;
  height: 20px;
  line-height: 55px;
  font-size: 3rem;
  m;
  font-family: Georgia, serif;
  }
blockquote:before {
  content: '\201C';
  margin-right:10px;
  }
blockquote:after {
  content: '\201D';
  margin-left:10px;
  }*/
small{
  font-size: 1.1rem;
  text-align: justify;
  line-height: 130%;
  display: inline-block;
  text-align: justify !important;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  margin-bottom: 30px;
  }
hr{
  width: 100%;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px #000 solid;
  margin-top: -3px !important;
  }
img{
  float: left;
  }
figure{
  margin: 0 0 20px 0;
  }
figcaption {
  font-size: 1.1rem;
  line-height: 120%;
  padding: 5px 10px;
  display: inline-block;
  text-align: justify !important;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  width: 100%;
  }
em{
  font-style: normal;
  font-weight: 600;
  display: flex;
  font-size: 1.1rem;
  }
ul li.flecha:before {
  content: '\2794';
  margin-right:5px;
  font-weight:900;
  font-size:1.2rem;
  }
ul li.circulo:before {
  content: '\25CF';
  font-weight:900;
  font-size:1.8rem;
  }
ul li.cuadrado:before {
  content: '\25FC';
  margin-right:5px;
  font-weight:900;
  font-size:1.2rem;
  }
.mayuscula{
  text-transform: uppercase;
  }
.marginauto { 
  margin: auto !important;
  }
.no-float{
  float: none;
  }
.block{
  display: block !important;
  }
.inline{
  display: inline !important;
  }
.inlineblock{
  display: inline-block;
  }
.positionabsolutebottom{
  position: absolute;
  bottom: 0;
  z-index: 1;
  }
.lineas{
  background: url(../img/lineas.png) repeat-x center;
  margin-bottom: 30px; 
  }
.zindex{
  z-index: 1;
  }
.fixed {
  -webkit-box-shadow: 0px 8px 10px -4px rgba(50, 50, 50, 0.33);
  -moz-box-shadow: 0px 8px 10px -4px rgba(50, 50, 50, 0.33);
  box-shadow: 0px 8px 10px -4px rgba(50, 50, 50, 0.33);
  position: fixed;
  top: 0;
  z-index: 200;
  width: 100%;
  left: 0;
  text-align: center;
  }
.imgfull{
  width: 100%;
  }
.fin:after {
  content: '\25CF';
  font-weight:900;
  font-size:1.8rem;
  }
.talkbubble {
  display: inline-block;
  padding: 8px 15px;
  margin-bottom: 15px;
  background: white;
  position: relative;
  -moz-border-radius:    10px;
  -webkit-border-radius: 10px;
  border-radius:         10px;
  }
.talkbubble:before {
  content:"";
  position: absolute;
  top: 100%;
  border-top: 20px solid white;
  border-left: 0px solid #ffffff00;
  border-right: 20px solid #ffffff00;
  border-bottom: 0px solid transparent;
  }
.titularrojo{
  background: #b71e1c;
  color:#fff;
  padding: 10px;
  font-size: 1.5rem !important;
  font-weight: 400;
  }
.justificado{
  text-align: justify !important;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  }
.main{
  margin-top: 5px;
  -moz-column-width: 180px;
  -webkit-column-width: 180px;
  column-width: 180px;
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3;
  -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
  -moz-column-gap: 20px; /* Firefox */
  column-gap: 20px;
  -webkit-column-gap: 2rem; /* Chrome, Safari, Opera */
  -moz-column-gap: 2rem; /* Firefox */
  column-gap: 2rem;
  }
.maindoble{
  margin-top: 5px;
  -moz-column-width: 180px;
  -webkit-column-width: 180px;
  column-width: 180px;
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
  -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
  -moz-column-gap: 20px; /* Firefox */
  column-gap: 20px;
  -webkit-column-gap: 2rem; /* Chrome, Safari, Opera */
  -moz-column-gap: 2rem; /* Firefox */
  column-gap: 2rem;
  -webkit-column-rule: .1px solid rgb(0, 0, 0); /* Chrome, Safari, Opera */
  -moz-column-rule: .1px solid rgb(0, 0, 0); /* Firefox */
  column-rule: .1px solid rgb(0, 0, 0);
  -webkit-column-rule: .1rem solid rgb(0, 0, 0); /* Chrome, Safari, Opera */
  -moz-column-rule: .1rem solid rgb(0, 0, 0); /* Firefox */
  column-rule: .1rem solid rgb(0, 0, 0);
  }
.mainblack{
  margin-top: 5px;
  -moz-column-width: 180px;
  -webkit-column-width: 180px;
  column-width: 180px;
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3;
  -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
  -moz-column-gap: 20px; /* Firefox */
  column-gap: 20px;
  -webkit-column-gap: 2rem; /* Chrome, Safari, Opera */
  -moz-column-gap: 2rem; /* Firefox */
  column-gap: 2rem;
  -webkit-column-rule: .1px solid rgb(0, 0, 0); /* Chrome, Safari, Opera */
  -moz-column-rule: .1px solid rgb(0, 0, 0); /* Firefox */
  column-rule: .1px solid rgb(0, 0, 0);
  -webkit-column-rule: .1rem solid rgb(0, 0, 0); /* Chrome, Safari, Opera */
  -moz-column-rule: .1rem solid rgb(0, 0, 0); /* Firefox */
  column-rule: .1rem solid rgb(0, 0, 0);
  }
.mainwhite{
  color: #fff;
  margin-top: 5px;
  -moz-column-width: 180px;
  -webkit-column-width: 180px;
  column-width: 180px;
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3;
  -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
  -moz-column-gap: 20px; /* Firefox */
  column-gap: 20px;
  -webkit-column-gap: 2rem; /* Chrome, Safari, Opera */
  -moz-column-gap: 2rem; /* Firefox */
  column-gap: 2rem;
  -webkit-column-rule: .1px solid rgb(255, 255, 255); /* Chrome, Safari, Opera */
  -moz-column-rule: .1px solid rgb(255, 255, 255); /* Firefox */
  column-rule: .1px solid rgb(255, 255, 255);
  -webkit-column-rule: .1rem solid rgb(255, 255, 255); /* Chrome, Safari, Opera */
  -moz-column-rule: .1rem solid rgb(255, 255, 255); /* Firefox */
  column-rule: .1rem solid rgb(255, 255, 255);
  }
.doblelinea{
  border-bottom: 1px;
  text-align: left;
  border-left: 0;
  border-right: 0;
  border-top: 1px;
  border-style: solid;
  height: inherit;
  display: inline-block;
  padding: 15px 0 !important;
  margin-bottom:20px;
  width: 100%;
  }
.colfoto{
  margin-right: 20px;
  margin-bottom: 0;
  box-shadow: 0 0 12px #00000024;
  border: 1px solid #e2e2e2;
  }
.titulartexto{
  margin-bottom: 5px;
  font-weight: 600;
  font-family:'Rokkitt',serif;
  font-size:1.5rem !important;
  }
.titulartextoc{
  font-weight: 600;
  font-family:'Rokkitt',serif;
  font-size:1.5rem !important;
  }
.novedades{
  display: inline-block;
  padding: 1px 3px;
  float: left;
  font-weight: 900;
  padding: 0;
  font-size: 5rem;
  color: #8ac44a;
  line-height: 80%;
  }
.rotar {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  }
.variedades{
  text-align: center !important;
  display: inline-block;
  width: 100%;
  }
.variedadesnota{
  border-left: 1px #000 solid;
  padding-left: 25px !important;
  border-right: 1px #000 solid;
  padding-right: 25px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 30px;
  }
.descargarpdf{
  font-weight: 800 !important;
  text-transform: uppercase;
  color: #d61600 !important;
  font-size: 1.2rem;
  }
.parrafoe:first-letter{
  font-size:6rem;
  float:left;
  font-weight:900;
  line-height:75%;
  margin-right:8px;
  font-family:'Barlow',sans-serif;
  }
.parrafoj:first-letter{
  font-size:6rem;
  float:left;
  font-weight:400;
  line-height:75%;
  margin-right:8px;
  font-family:'Rokkitt',serif;
  }
.parrafol:first-letter{
  font-size:6rem;
  float:left;
  font-weight:900;
  line-height:75%;
  margin-right:8px;
  font-family:'Rokkitt',serif; 
  }
.parrafov:first-letter{
  font-size:4.6rem;
  float:left;
  font-weight:900;
  line-height:100%;
  margin-right:8px;
  font-family:'Taviraj',serif;
  }
.parrafonota:first-letter{
  font-size:4rem;
  float:left;
  font-weight:900;
  line-height:75%;
  margin-right:8px;
  font-family:'Barlow',sans-serif;
  }
.circuloeconomika {
  width:100%;
  max-width: 250px;
  margin-bottom: 30px;
  }
.circuloeconomika:after {
  content: "";
  display: block;
  width: 100%;
  height:0;
  padding-bottom: 100%;
  background: #000; 
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%; 
  border-radius: 50%;
  }
.circuloeconomika .circuloeconomika-text {
  float:left;
  width:100%;
  padding: 20% 20px;
  line-height:100%;
  text-align:center;
  font-weight: 600;
  color:white;
  font-size: 1.5rem;
  }
.abajo{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  padding: 20px;
  }
.izquierda{
  margin: 15px 30px 15px 0 !important;
  float: left !important;
  }
.derecha{
  margin: 15px 0 15px 30px !important;
  float: right !important;
  }
.centro{
  margin-bottom: 20px;
  }
.degradewhitetop{
  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, 
  rgba(255,255,255,1) 5%, rgba(255,255,255,0) 46%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(left top, left bottom, 
  color-stop(0%, rgba(255,255,255,1)), 
  color-stop(5%, rgba(255,255,255,1)), 
  color-stop(46%, rgba(255,255,255,0)), 
  color-stop(100%, rgba(255,255,255,0)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, 
  rgba(255,255,255,1) 5%, rgba(255,255,255,0) 46%, 
  rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, 
  rgba(255,255,255,1) 5%, rgba(255,255,255,0) 46%, rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, 
  rgba(255,255,255,1) 5%, rgba(255,255,255,0) 46%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, 
  rgba(255,255,255,1) 5%, rgba(255,255,255,0) 46%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', 
  endColorstr='#ffffff', GradientType=0 );
  }
.degradeblackbottom{
  background: rgba(0,0,0,0);
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, 
  rgba(0,0,0,0) 42%, rgba(0,0,0,0.63) 97%, rgba(0,0,0,0.63) 100%);
  background: -webkit-gradient(left top, left bottom, 
  color-stop(0%, rgba(0,0,0,0)), 
  color-stop(42%, rgba(0,0,0,0)), 
  color-stop(97%, rgba(0,0,0,0.63)), 
  color-stop(100%, rgba(0,0,0,0.63)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, 
  rgba(0,0,0,0) 42%, rgba(0,0,0,0.63) 97%, rgba(0,0,0,0.63) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, 
  rgba(0,0,0,0) 42%, rgba(0,0,0,0.63) 97%, rgba(0,0,0,0.63) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, 
  rgba(0,0,0,0) 42%, rgba(0,0,0,0.63) 97%, rgba(0,0,0,0.63) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, 
  rgba(0,0,0,0) 42%, rgba(0,0,0,0.63) 97%, rgba(0,0,0,0.63) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', 
  endColorstr='#000000', GradientType=0 );
  }
.backgroundimg { 
  background: url(../img/foto00.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
/* //////////////// TEXTO OUTLINE //////////////// */
.outline1 {
  color: white; 
  text-shadow: black 0px 1px, black 1px 0px, black -1px 0px, 
  black 0px -1px, black -1px -1px, black 1px 1px, 
  black 1px -1px, black -1px 1px; 
  }
.outline2 {
  color: white; 
  text-shadow: black 0px 2px, black 2px 0px, black -2px 0px, 
  black 0px -2px, black -2px -2px, black 2px 2px, 
  black 2px -2px, black -2px 2px; 
  }
.outline3 {
  color: white; 
  text-shadow: black 0px 3px, black 3px 0px, black -3px 0px, 
  black 0px -3px, black -3px -3px, black 3px 3px, 
  black 3px -3px, black -3px 3px; 
  }
/* ///// TITULOS BLOQUE /////// */
.cenefa{
  padding: 3px 0;
  border-top: 1px solid #000;
  font-weight: 300;
  font-size: 2rem;
  margin-bottom: 20px;
  }
.cenefajuridica{
  padding: 3px 0;
  border-bottom: 1px solid #000;
  font-weight: 300;
  font-size: 2rem;
  margin-bottom: 20px;
  }
.cenefalonuestro{
  background: url(../img/cenefa.png);
  background-size: auto;
  padding: 10px 25px;
  color: #fff;
  font-weight: 400;
  font-size: 1.5rem;
  margin-bottom: 20px;
  }
.cenefaeconomika{
  background: #b71f1d;
  padding: 7px 25px;
  color: #ffffff;
  font-weight: 400;
  text-align: center;
  font-size: 1.5rem;
  margin-bottom: 30px;
  }
.cenefaverde{
  background: #228f21;
  padding: 7px 25px;
  color: #ffffff;
  font-weight: 400;
  font-size: 1.5rem;
  margin-bottom: 30px;
  }
.cenefanegra{
  background: #000;
  padding: 7px 25px;
  color: #ffffff;
  font-weight: 100;
  font-size: 1.5rem;
  margin-bottom: 30px;
  }
.cenefaverdeagenda{
  background: #228f21;
  padding: 7px 25px;
  color: #ffffff;
  font-weight: 400;
  font-size: 1.5rem !important;
  margin-bottom: 10px;
  margin-top: -6px;
  }
.marconegro{
  background: #000;
  color: #fff;
  padding: 5px 10px;
  font-weight: 600;
  display: inline-block;
  margin: auto;
  text-transform: uppercase;
  }
.marcoambar{
  background: #ffa000;
  color: #fff;
  padding: 5px 10px;
  font-weight: 600;
  display: inline-block;
  margin: auto;
  text-transform: uppercase;
  }
.marcorojo{
  background: #b71d1c;
  color: #fff;
  padding: 5px 10px;
  font-weight: 600;
  display: inline-block;
  margin: auto;
  text-transform: uppercase;
  }
.titularlonuestro{
  background: #b71d1c;
  color: white;
  display: inline-block;
  margin: auto;
  margin-bottom: 20px;
  padding: 7px 20px;
  font-size: 1.4rem !important;
  text-transform: uppercase;
  transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  }
.titularlonuestro:before {
  content:"";
  position: absolute;
  bottom: 100%;
  border-top: 20px solid #ffffff00;
  border-left: 15px solid #ffffff00;
  border-right: 25px solid #bb603c;
  border-bottom: 0px solid transparent;
  left:-15px;
  }
.no-border{
  border:none;
  }
.boder1black{
  border: solid 1px #000 !important;
  }
.border1{ 
  border-top: solid 1px #000 !important; 
  }
.border2{ 
  border-top: solid 2px #000 !important; 
  }
.border3{ 
  border-top: solid 3px #000 !important; 
  }
.border4{ 
  border-top: solid 4px #000 !important; 
  }
.border5{ 
  border-top: solid 5px #000 !important; 
  }
.border6{ 
  border-top: solid 6px #000 !important; 
  }
.border7{ 
  border-top: solid 7px #000 !important; 
  }
.borderadius1 { 
  border-radius: 1px !important; 
  }
.borderadius2 { 
  border-radius: 2px !important; 
  }
.borderadius3 { 
  border-radius: 3px !important; 
  }
.borderadius4 { 
  border-radius: 4px !important; 
  }
.borderadius5 { 
  border-radius: 5px !important; 
  }
.borderadius6 { 
  border-radius: 6px !important; 
  }
.borderadius7 { 
  border-radius: 7px !important; 
  }
.borderadius8 { 
  border-radius: 8px !important; 
  }
.borderadius9 { 
  border-radius: 9px !important; 
  }
.borderadius10{ 
  border-radius: 10px !important;
  }
/* ///// PADDING /////// */
.no-margin{
  margin: 0;
  }
.padding0  { 
  padding: 0 !important;
  }
.padding5  { 
  padding: 5px !important;
  }
.padding10 { 
  padding: 10px !important;
  }
.padding15 { 
  padding: 15px !important;
  }
.padding20 { 
  padding: 20px !important;
  }
.padding25 { 
  padding: 25px !important;
  }
.padding30 { 
  padding: 30px !important;
  }
.padding35 { 
  padding: 35px !important;
  }
.padding40 { 
  padding: 40px !important;
  }
.paddinglat0  { 
  padding: 0 0 !important;
  }
.paddinglat5  { 
  padding: 0 5px !important;
  }
.paddinglat10 { 
  padding: 0 10px !important;
  }
.paddinglat15 { 
  padding: 0 15px !important;
  }
.paddinglat20 { 
  padding: 0 20px !important;
  }
.paddinglat25 { 
  padding: 0 25px !important;
  }
.paddinglat30 { 
  padding: 0 30px !important;
  }
.paddinglat35 { 
  padding: 0 35px !important;
  }
.paddinglat40 { 
  padding: 0 40px !important;
  }
.margin0  { 
  margin: 0px !important;
  }
.margin5  { 
  margin: 5px !important;
  }
.margin10 { 
  margin: 10px !important;
  }
.margin15 { 
  margin: 15px !important;
  }
.margin20 { 
  margin: 20px !important;
  }
.margin25 { 
  margin: 25px !important;
  }
.margin30 { 
  margin: 30px !important;
  }
.margin35 { 
  margin: 35px !important;
  }
.margin40 { 
  margin: 40px !important;
  }
.marginlat5  { 
  margin: 0 5px !important;
  }
.marginlat10 { 
  margin: 0 10px !important;
  }
.marginlat15 { 
  margin: 0 15px !important;
  }
.marginlat20 { 
  margin: 0 20px !important;
  }
.marginlat25 { 
  margin: 0 25px !important;
  }
.marginlat30 { 
  margin: 0 30px !important;
  }
.marginlat35 { 
  margin: 0 35px !important;
  }
.marginlat40 { 
  margin: 0 40px !important;
  }
.margintopbottom0  { 
  margin: 0 !important;
  }
.margintopbottom5  { 
  margin:5px 0 !important;
  }
.margintopbottom10 { 
  margin:10px 0 !important;
  }
.margintopbottom15 { 
  margin:15px 0 !important;
  }
.margintopbottom20 { 
  margin:20px 0 !important;
  }
.margintopbottom25 { 
  margin:25px 0 !important;
  }
.margintopbottom30 { 
  margin:30px 0 !important;
  }
.margintopbottom35 { 
  margin:35px 0 !important;
  }
.margintopbottom40 { 
  margin:40px 0 !important;
  }
.margintop0  { 
  margin-top: 0 !important;
  }
.margintop5  { 
  margin-top: 5px !important;
  }
.margintop10 { 
  margin-top: 10px !important;
  }
.margintop15 { 
  margin-top: 15px !important;
  }
.margintop20 { 
  margin-top: 20px !important;
  }
.margintop25 { 
  margin-top: 25px !important;
  }
.margintop30 { 
  margin-top: 30px !important;
  }
.margintop35 { 
  margin-top: 35px !important;
  }
.margintop40 { 
  margin-top: 40px !important;
  }
.marginbottom0  { 
  margin-bottom: 0 !important;
  }
.marginbottom5  { 
  margin-bottom: 5px !important;
  }
.marginbottom10 { 
  margin-bottom: 10px !important;
  }
.marginbottom15 { 
  margin-bottom: 15px !important;
  }
.marginbottom20 { 
  margin-bottom: 20px !important;
  }
.marginbottom25 { 
  margin-bottom: 25px !important;
  }
.marginbottom30 { 
  margin-bottom: 30px !important;
  }
.marginbottom35 { 
  margin-bottom: 35px !important;
  }
.marginbottom40 { 
  margin-bottom: 40px !important;
  }
/* ////////// MATERIALIZE ////////// */
.collection .collection-item2 {
  background-color: #fff;
  line-height: 1.5rem;
  padding: 10px 20px;
  margin: 0;
  border-bottom: 1px solid #e0e0e0;
}
.collection a.collection-item2 {
  display: block;
  -webkit-transition: .25s;
  transition: .25s;
  color: #26a69a;
}
.collection a.collection-item2:not(.active):hover {
  background-color: #ddd;
}

.side-nav li > a {
  height: 100%;
  line-height: 130%;
  padding: 7px 15px;
}


.collection a.collection-item {
  color: #000;
  font-size: 1.1rem;
  line-height: 130%;
  }
 .collection a.collection-item:not(.active):hover {
  background-color: #182830 !important;
}

.flow-text{
  line-height:120%
  }
.brand-logo {
  padding-top: 2px !important;
  width: 100%;
  max-width: 250px;
  }
.card-panel {
  padding: 5px 30px;
  }
.side-nav {
  width: 200px;
  }
#sidenav-overlay {
  z-index: 199 !important;
  }
/* ////////// FOTOGRAFICAS ////////// */
.fotoleft{
  transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  border:7px solid #fff;
  margin-bottom:20px;
  box-shadow: -4px 3px 20px #00000061;
  }
.fotoright{
  transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  border:7px solid #fff;
  margin-bottom:20px;
  box-shadow: -4px 3px 20px #00000061;
  }
.foto {
  position: relative;
  overflow: hidden;
  }
.fotoposicion { 
  position: absolute;
  top: 0; 
  left: 0; 
  bottom: 0; 
  right: 0;
  margin: auto !important;
  width: 100%;
  }
.foto:before {
  content: '';display: block;
  }
.foto6-6:before { 
  padding-top: 100%; 
  }
.foto4-5:before { 
  padding-top: 120%; 
  }
.foto4-6:before { 
  padding-top: 150%; 
  }
.foto6-2:before { 
  padding-top: 33%; 
  }
.foto6-3:before { 
  padding-top: 50%; 
  }
.foto6-4:before { 
  padding-top: 66.5%; 
  }
.foto6-5:before { 
  padding-top: 75%; 
  }
/* ////////// TIPOGRAFIA ////////// */
.truncate1 {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-line-clamp: 1;
  -ms-line-clamp: 1;
  -webkit-box-orient: vertical;
  -ms-flex-orient: vertical;
  width: 100%;
  white-space: inherit;
  overflow:  hidden;
  }
.truncate2 {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-line-clamp: 2;
  -ms-line-clamp: 2;
  -webkit-box-orient: vertical;
  -ms-flex-orient: vertical;
  width: 100%;
  white-space: inherit;
  overflow:  hidden;
  }
.truncate3 {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-line-clamp: 3;
  -ms-line-clamp: 3;
  -webkit-box-orient: vertical;
  -ms-flex-orient: vertical;
  width: 100%;
  white-space: inherit;
  overflow:  hidden;
  }
.truncate4 {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-line-clamp: 4;
  -ms-line-clamp: 4;
  -webkit-box-orient: vertical;
  -ms-flex-orient: vertical;
  width: 100%;
  white-space: inherit;
  overflow:  hidden;
  }
.truncate5 {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-line-clamp: 5;
  -ms-line-clamp: 5;
  -webkit-box-orient: vertical;
  -ms-flex-orient: vertical;
  width: 100%;
  white-space: inherit;
  overflow:  hidden;
  }
.serif{
  font-family:'Taviraj',serif;
  }
.sanserif{
  font-family:'Barlow',sans-serif;
  }
.serifcuadrado{
  font-family:'Rokkitt',serif;
  }
.lh100{
  line-height: 100% !important
  }
.fz06{
  font-size: .6rem !important
  }
.fz07{
  font-size: .7rem !important
  }
.fz08{
  font-size: .8rem !important
  }
.fz09{
  font-size: .9rem !important
  }
.fz10{
  font-size: 1rem !important
  }
.fz11{
  font-size: 1.1rem !important
  }
.fz12{
  font-size: 1.2rem !important
  }
.fz13{
  font-size: 1.3rem !important
  }
.fz14{
  font-size: 1.4rem !important
  }
.fz15{
  font-size: 1.5rem !important
  }
.fz16{
  font-size: 1.6rem !important
  }
.fz17{
  font-size: 1.7rem !important
  }
.fz18{
  font-size: 1.8rem !important
  }
.fz19{
  font-size: 1.9rem !important
  }
.fz20{
  font-size: 2rem !important
  }
.fz21{
  font-size: 2.1rem !important
  }
.fz22{
  font-size: 2.2rem !important
  }
.fz23{
  font-size: 2.3rem !important
  }
.fz24{
  font-size: 2.4rem !important
  }
.fz25{
  font-size: 2.5rem !important
  }
.fz26{
  font-size: 2.6rem !important
  }
.fz27{
  font-size: 2.7rem !important
  }
.fz28{
  font-size: 2.8rem !important
  }
.fz29{
  font-size: 2.9rem !important
  }
.fz30{
  font-size: 3rem !important
  }
.fz31{
  font-size: 3.1rem !important
  }
.fz32{
  font-size: 3.2rem !important
  }
.fz33{
  font-size: 3.3rem !important
  }
.fz34{
  font-size: 3.4rem !important
  }
.fz35{
  font-size: 3.5rem !important
  }
.fz36{
  font-size: 3.6rem !important
  }
.fz37{
  font-size: 3.7rem !important
  }
.fz38{
  font-size: 3.8rem !important
  }
.fz39{
  font-size: 3.9rem !important
  }
.fz40{
  font-size: 4rem !important
  }
.fz50{
  font-size: 5rem !important
  }
.fz60{
  font-size: 6rem !important
  }
.fz70{
  font-size: 7rem !important
  }
.fz80{
  font-size: 8rem !important
  }
.fz90{
  font-size: 9rem !important
  }
.fw100{
  font-weight: 100 !important;
  }
.fw200{
  font-weight: 200 !important;
  }
.fw300{
  font-weight: 300 !important;
  }
.fw400{
  font-weight: 400 !important;
  }
.fw500{
  font-weight: 500 !important;
  }
.fw600{
  font-weight: 600 !important;
  }
.fw700{
  font-weight: 700 !important;
  }
.fw800{
  font-weight: 800 !important;
  }
.fw900{
  font-weight: 900 !important;
  }
h1 {
  font-size: 7rem !important;
  margin: 0;
  line-height: 80%;
  }
h2 {
  font-size: 3.2rem !important;
  margin: 0;
  }
h3 {
  font-size: 2.8rem !important;
  margin: 0;
  }
h4 {
  font-size: 2.4rem !important;
  margin: 0;
  }
h5 {
  font-size: 2rem !important;
  margin: 0;
  }
h6 {
  font-size: 1.6rem !important;
  margin: 0;
  }
.titularh6{
  overflow-wrap: break-word;
  font-size: 4.5vw;
  line-height: 100%;
  }
.titularh5{
  overflow-wrap: break-word;
  font-size: 5vw;
  line-height: 100%;
  }
.titularh4{
  overflow-wrap: break-word;
  font-size: 5.5vw;
  line-height: 100%;
  }
.titularh3{
  overflow-wrap: break-word;
  font-size: 6vw;
  line-height: 100%;
  }
.titularh2{
  overflow-wrap: break-word;
  font-size: 6.5vw;
  line-height: 100%;
  }
.titularh1{
  overflow-wrap: break-word;
  font-size: 5vw;
  line-height: 100%;
  }
@media only screen and (min-width: 360px) {
  .flow-text {
    font-size: 1.1rem;
  }
}
@media only screen and (min-width: 390px) {
  .flow-text {
    font-size: 1.11rem;
  }
}
@media only screen and (min-width: 420px) {
  .flow-text {
    font-size: 1.12rem;
  }
}
@media only screen and (min-width: 450px) {
  .flow-text {
    font-size: 1.13rem;
  }
}
@media only screen and (min-width: 480px) {
  .flow-text {
    font-size: 1.14rem;
  }
}
@media only screen and (min-width: 510px) {
  .flow-text {
    font-size: 1.15rem;
  }
}
@media only screen and (min-width: 540px) {
  .flow-text {
    font-size: 1.16rem;
  }
}
@media only screen and (min-width: 570px) {
  .flow-text {
    font-size: 1.17rem;
  }
}
@media only screen and (min-width: 600px) {
  .flow-text {
    font-size: 1.18rem;
  }
}
@media only screen and (min-width: 630px) {
  .flow-text {
    font-size: 1.19rem;
  }
}
@media only screen and (min-width: 660px) {
  .flow-text {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 690px) {
  .flow-text {
    font-size: 1.21rem;
  }
}
@media only screen and (min-width: 720px) {
  .flow-text {
    font-size: 1.22rem;
  }
}
@media only screen and (min-width: 750px) {
  .flow-text {
    font-size: 1.23rem;
  }
}
@media only screen and (min-width: 780px) {
  .flow-text {
    font-size: 1.24rem;
  }
}
@media only screen and (min-width: 810px) {
  .flow-text {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 840px) {
  .flow-text {
    font-size: 1.26rem;
  }
}
@media only screen and (min-width: 870px) {
  .flow-text {
    font-size: 1.27rem;
  }
}
@media only screen and (min-width: 900px) {
  .flow-text {
    font-size: 1.28rem;
  }
}
@media only screen and (min-width: 930px) {
  .flow-text {
    font-size: 1.29rem;
  }
}
@media only screen and (min-width: 960px) {
  .flow-text {
    font-size: 1.3rem;
  }
}
@media only screen and (max-width: 360px) {
  .flow-text {
    font-size: 1.3rem;
  }
}
.container {
  margin: 0 auto;
    max-width: 1350px;
  width: 95%;
}
/* //////////////// PARALLAX //////////////// */
.parallax-container1 {
  position: relative;
  overflow: hidden;
  height: 100px;
  }
.parallax-container1 .parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  }
.parallax-container1 .parallax img {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  }
.parallax-container2 {
  position: relative;
  overflow: hidden;
  height: 209px;
  }
.parallax-container2 .parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  }
.parallax-container2 .parallax img {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  }
.parallax-container3 {
  position: relative;
  overflow: hidden;
  height: 300px;
  }
.parallax-container3 .parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  }
.parallax-container3 .parallax img {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  }
.parallax-container4 {
  position: relative;
  overflow: hidden;
  height: 400px;
  }
.parallax-container4 .parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  }
.parallax-container4 .parallax img {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  }
.parallax-container5 {
  position: relative;
  overflow: hidden;
  height: 500px;
  }
.parallax-container5 .parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  }
.parallax-container5 .parallax img {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  }
.parallax-container6 {
  position: relative;
  overflow: hidden;
  height: 600px;
  }
.parallax-container6 .parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  }
.parallax-container6 .parallax img {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  }
.parallax-container7 {
  position: relative;
  overflow: hidden;
  height: 700px;
  }
.parallax-container7 .parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  }
.parallax-container7 .parallax img {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  }
.parallax-container8 {
  position: relative;
  overflow: hidden;
  height: 800px;
  }
.parallax-container8 .parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  }
.parallax-container8 .parallax img {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  }
.parallax-container9 {
  position: relative;
  overflow: hidden;
  height: 900px;
  }
.parallax-container9 .parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  }
.parallax-container9 .parallax img {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  }
/* ////////// CAROUSEL BOOTSATRAP ////////// */
.carousel2 {
  position: relative; 
  }
.carousel2-inner {
  position: relative;
  width: 100%;
  overflow: hidden; 
  }
.carousel2-item {
  position: relative;
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px; 
  }
.carousel2-item.active,
.carousel2-item-next,
.carousel2-item-prev {
  display: block; 
  }
.carousel2-item-next,
.carousel2-item-prev {
  position: absolute;
  top: 0; 
  }
.carousel2-item-next.carousel2-item-left,
.carousel2-item-prev.carousel2-item-right {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }
  @supports (transform-style: preserve-3d) {
  .carousel2-item-next.carousel2-item-left,
  .carousel2-item-prev.carousel2-item-right {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); 
  } 
  }
.carousel2-item-next,
.active.carousel2-item-right {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); 
  }
@supports (transform-style: preserve-3d) {
  .carousel2-item-next,
  .active.carousel2-item-right {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); 
  } 
  }
.carousel2-item-prev,
.active.carousel2-item-left {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%); 
  }
@supports (
  transform-style: preserve-3d) {
  .carousel2-item-prev,
  .active.carousel2-item-left {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); 
  } 
  }
.carousel2-control-next {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  }
.carousel2-control-prev {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  }
.carousel2-control-prev,
.carousel2-control-next {
  position: absolute;
  top: 35%;
  bottom: 53%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 4%;
  color: #fff;
  text-align: center;
  }
.carousel2-control-prev:focus, .carousel2-control-prev:hover,
.carousel2-control-next:focus,
.carousel2-control-next:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  }
.carousel2-control-prev {
  left: 0;
  }
.carousel2-control-next {
  right: 0;
  }
.carousel2-control-prev-icon,
.carousel2-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%; 
  }
.carousel2-indicators {
  bottom: 0px;
  margin: 10px 0;
  left: 0;
  right: 0;
  z-index: 15;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
  }
.carousel2-indicators li {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 10PX;
  height: 10px;
  border-radius: 100%;
  margin-right: 6px;
  margin-left: 6px;
  text-indent: -999px;
  background-color: rgba(181, 181, 181, 0.87);
  }
.carousel2-indicators li::before {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: ""; 
  }
.carousel2-indicators li::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: ""; 
  }
.carousel2-indicators .active {
  background-color: #c62828;
  }
.carousel2-caption {
  position: absolute;
  bottom: 0;
  z-index: 10;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.67);
  width: 100%;
  padding: 0 8px;
  }
.carousel3-caption {
  text-align: center;
  margin-top: 15px;
  }
.carousel2-caption a {
  color: #fff;
  font-weight:100;
  font-size:1.2rem;
  }
.carousel2-caption a:hover {
  text-decoration:underline;
  text-decoration-skip: ink;
  }
.carouselmarco{
  background: rgba(0, 0, 0, 0.4);
  padding: 7px;
  border-radius: 29px;
  }
/* ////////// MEDIA QUERY ////////// */
@media only screen and (max-width : 1200px) {

  .parallax-container7 {
    height: 600px;
    }
  .parallax-container8 {
    height: 600px;
    }
  .parallax-container9 {
    height: 600px;
    }
  }
@media only screen and (max-width : 992px) {
  h1 {
    font-size: 5rem !important;
    line-height: 90%;
    }
  h2 {
    font-size: 3rem !important;
    }
  h3 {
    font-size: 2.8rem !important;
    }
  h4 {
    font-size: 2.4rem !important;
    }
  h5 {
    font-size: 2rem !important;
    }
  h6 {
    font-size: 1.4rem !important;
    }
  .titularh6{
    font-size: 7vw;
    }
  .titularh5{
    font-size: 7vw;
    }
  .titularh4{
    font-size: 7vw;
    }
  .titularh3{
    font-size: 8vw;
    }
  .titularh2{
    font-size: 10vw;
    }
  .titularh1{
    font-size: 12vw;
    }
  strong{
    font-size: 1.7rem;
    } 
  .novedades{
    padding: 0;
    font-size: 5rem;
    }
  .parallax-container5 {
    height: 400px;
    }
  .parallax-container6 {
    height: 400px;
    }
  .parallax-container7 {
    height: 400px;
    }
  .parallax-container8 {
    height: 400px;
    }
  .parallax-container9 {
    height: 400px;
    }
  }
@media only screen and (max-width : 600px) {
  h1 {
    font-size: 4rem !important;
    line-height: 87%;
    }
  h2 {
    font-size: 2rem !important;
    }
  h3 {
    font-size: 2rem !important;
    }
  h4 {
    font-size: 2rem !important;
    }
  h5 {
    font-size: 1.6rem !important;
    }
  h6 {
    font-size: 1.2rem !important;
    }
  .titularh6{
    font-size: 7vw;
    }
  .titularh5{
    font-size: 7vw;
    }
  .titularh4{
    font-size: 8vw;
    }
  .titularh3{
    font-size: 9vw;
    }
  .titularh2{
    font-size: 10vw;
    }
  .titularh1{
    font-size: 13vw;
    }
  strong{
    font-size: 1.3rem;
    }
  .cifras{
    margin: auto;
    text-align: center;
    }
  .novedades{
    font-size: 4rem;
    }
  .parallax-container2 {
    height: 165px;
    }
  .parallax-container5 {
    height: 300px;
    }
  .parallax-container6 {
    height: 300px;
    }
  .parallax-container7 {
    height: 300px;
    }
  .parallax-container8 {
    height: 300px;
    }
  .parallax-container9 {
    height: 300px;
    }
  figcaption {
    font-size: 1rem;
    font-weight:500;
    }
  .abajo{
    padding: 10px;
    }
  .titularlonuestro{
    font-size: 1.1rem !important;
    margin-bottom:10px;
    }
  .brand-logo {
    padding-top: 5px !important;
    max-width: 190px;
    margin-left:20px;
    }
  .titulares{
    margin-bottom: 10px;
    }
  .cenefa{
    margin-bottom: 15px;
    }
  main{
    margin-bottom: 5px;
    }
  .desenfocar{
   filter: blur(8px);
   -moz-filter: blur(8px);
   -webkit-filter: blur(8px);
   -o-filter: blur(8px);
   -ms-filter: blur(8px);
    }
  .parrafov:first-letter{
    font-size: 3.1rem;
    line-height:95%;
    }
  }
@media only screen and (max-width : 526px) {
  .novedades{
    font-size: 3rem;
    }
  }
@media only screen and (max-width : 465px) {
  .novedades{
    font-size: 2.8rem;
    }
  }
@media only screen and (max-width : 378px) {
  .novedades{
    font-size: 2.1rem;
    }
  }
@media only screen and (max-width : 300px) {
  .novedades{
    font-size: 2rem;
    }
  }