/* EPIPHY Sitio Gris CSS
--------------------------------------*/



/* Generales
---------------------------------- */

html { font-size: 16px; }
body { font-size: 16px; }

.row { margin-bottom: 0 !important; }


.w-100 { width: 100% !important; }
.flex { display: flex; flex-wrap: wrap;  }  /*  */
.centrar { display: flex;  align-items: center; justify-content: center; }

.my-auto { margin-top: auto !important; margin-bottom: auto !important; }
.my-0 { margin-top: 0 !important;    margin-bottom: 0 !important;    }
.my-1 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.my-2 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
.my-3 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.my-4 { margin-top: 4rem !important; margin-bottom: 4rem !important; }
.my-5 { margin-top: 5rem !important; margin-bottom: 5rem !important; }

.mx-auto { margin-left: auto !important; margin-right: auto !important;  }
.mx-0 { margin-left: 0 !important;    margin-right: 0 !important;    }
.mx-1 { margin-left: 1rem !important; margin-right: 1rem !important; }
.mx-2 { margin-left: 2rem !important; margin-right: 2rem !important; }
.mx-3 { margin-left: 3rem !important; margin-right: 3rem !important; }
.mx-4 { margin-left: 4rem !important; margin-right: 4rem !important; }
.mx-5 { margin-left: 5rem !important; margin-right: 5rem !important; }

.m-0 { margin: 0 !important; }
.m-1 { margin: 1rem !important; }
.m-2 { margin: 2rem !important; }
.m-3 { margin: 3rem !important; }
.m-4 { margin: 4rem !important; }
.m-5 { margin: 5rem !important; }

.mt-auto{ margin-top: auto !important; }
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 1rem !important; }
.mt-2 { margin-top: 2rem !important; }
.mt-3 { margin-top: 3rem !important; }
.mt-4 { margin-top: 4rem !important; }
.mt-5 { margin-top: 5rem !important; }

.mb-auto{ margin-bottom: auto !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 1rem !important; }
.mb-2 { margin-bottom: 2rem !important; }
.mb-3 { margin-bottom: 3rem !important; }
.mb-4 { margin-bottom: 4rem !important; }
.mb-5 { margin-bottom: 5rem !important; }

.ml-left{ margin-left: auto !important; }
.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: 1rem !important; }
.ml-2 { margin-left: 2rem !important; }
.ml-3 { margin-left: 3rem !important; }
.ml-4 { margin-left: 4rem !important; }
.ml-5 { margin-left: 5rem !important; }

.mr-auto{ margin-right: auto !important; }
.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: 1rem !important; }
.mr-2 { margin-right: 2rem !important; }
.mr-3 { margin-right: 3rem !important; }
.mr-4 { margin-right: 4rem !important; }
.mr-5 { margin-right: 5rem !important; }


.p-0 { padding: 0 !important; }
.p-1 { padding: 1rem !important; }
.p-2 { padding: 2rem !important; }
.p-3 { padding: 3rem !important; }
.p-4 { padding: 4rem !important; }
.p-5 { padding: 5rem !important; }

.py-0 { padding-top: 0 !important;    padding-bottom: 0 !important;    }
.py-1 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.py-2 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
.py-3 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.py-4 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
.py-5 { padding-top: 5rem !important; padding-bottom: 5rem !important; }

.px-0 { padding-left: 0 !important;    padding-right: 0 !important;    }
.px-1 { padding-left: 1rem !important; padding-right: 1rem !important; }
.px-2 { padding-left: 2rem !important; padding-right: 2rem !important; }
.px-3 { padding-left: 3rem !important; padding-right: 3rem !important; }
.px-4 { padding-left: 4rem !important; padding-right: 4rem !important; }
.px-5 { padding-left: 5rem !important; padding-right: 5rem !important; }


.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 1rem !important; }
.pt-2 { padding-top: 2rem !important; }
.pt-3 { padding-top: 3rem !important; }
.pt-4 { padding-top: 4rem !important; }
.pt-5 { padding-top: 5rem !important; }

.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 1rem !important; }
.pb-2 { padding-bottom: 2rem !important; }
.pb-3 { padding-bottom: 3rem !important; }
.pb-4 { padding-bottom: 4rem !important; }
.pb-5 { padding-bottom: 5rem !important; }

.pl-0 { padding-left: 0 !important; }
.pl-1 { padding-left: 1rem !important; }
.pl-2 { padding-left: 2rem !important; }
.pl-3 { padding-left: 3rem !important; }
.pl-4 { padding-left: 4rem !important; }
.pl-5 { padding-left: 5rem !important; }

.pr-0 { padding-right: 0 !important; }
.pr-1 { padding-right: 1rem !important; }
.pr-2 { padding-right: 2rem !important; }
.pr-3 { padding-right: 3rem !important; }
.pr-4 { padding-right: 4rem !important; }
.pr-5 { padding-right: 5rem !important; }



small { font-size: 60%; line-height: 1; }


.no-background { background: none !important; }

.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }

p { margin: 0 0 2rem 0;}


a:hover { text-decoration: underline; }

a, button, img, input, textarea,
.tweet, .services .service .title,
.services .service .title h3,
.services .service .title .service-contenido {
 -webkit-transition: all 0.2s ease;
 -moz-transition: all 0.2s ease;
 -o-transition: all 0.2s ease;
 -ms-transition: all 0.2s ease;
 transition: all 0.2s ease; 
}



::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ADADAD !important;
    opacity: 1; /* Firefox */
    font-size: 0.9em;
    text-transform: uppercase;
} 

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ADADAD !important;
    font-size: 0.9em;
    text-transform: uppercase;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #ADADAD !important;
    font-size: 0.9em;
    text-transform: uppercase;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ADADAD !important;
  font-size: 0.9em;
  text-transform: uppercase;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #ADADAD !important;
  font-size: 0.9em;
  text-transform: uppercase;
}

:-moz-placeholder { /* Firefox 18- */
  color: #ADADAD !important;
  font-size: 0.9em;
  text-transform: uppercase;
}








/* Fix de Anchor Links offset */
  .anchor {
    display: block; 
    position: relative;
    top: -0; 
    visibility: hidden;
  }




/* Debug */
.borderojo { border: 1px solid red; }
.bordeamarillo { border: 1px solid yellow; }
.bordeazul { border: 1px solid blue; }
.bordeverde { border: 1px solid green; }




ul.inline-nav { display: inline-block; }
ul.inline-nav li { display: inline; margin-right: 1em; }
ul.inline-nav li a { display: inline; }

ul.social-nav li a { font-size: 1.2rem; }





/* Botones
----------------------------------*/

.btn { padding: 1em 2.5em 1.8em;  font-size: 0.9rem; font-weight: 700; font-style: normal; line-height: 1; }  
/* padding: 0.65em 2em 0.5em; text-transform: uppercase;
.btn i { margin-left: 15px;} 
.btn:hover { transform: scale(1.10); transition: 0.3s ease; }
*/

.btn i { font-size: 0.7rem; }

.btn-primario { color: #fff !important; background-color: #5A5A5A;  }
.btn-primario:hover,
.btn-primario:focus { color: #fff; background-color: #818181; }

.btn-secundario { color: #fff; background-color: #818181;  }
.btn-secundario:hover,
.btn-secundario:focus { color: #fff; background-color: #5A5A5A; }



.btn-gradient { border: none; border-radius: 0; color: #fff; background-color: #673BB8; background-image: linear-gradient(90deg, #1C69A6, #262081);  font-size: 14px; }
.btn-gradient:hover { color: #fff; background: none; background-color: #262081; }



.btn-primario-outline { border: 2px solid #5A5A5A; color: #5A5A5A; background: none;  }
.btn-primario-outline:hover,
.btn-primario-outline:focus { color: #fff !important; background-color: #5A5A5A; }

.btn-secundario-outline { border: 2px solid #818181; color: #818181; background: none; }
.btn-secundario-outline:hover,
.btn-secundario-outline:focus { color: #fff !important; background: none; }

.btn-blanco-outline { border: 2px solid #fff; color: #fff; background: none; }
.btn-blanco-outline:hover,
.btn-blanco-outline:focus { color: #95519E; background-color: #fff; }



.btn-big { font-size: 1.285714285714286em; }





/* Shadow
----------------------------------*/

.btn,
/*
.input-field input[type=text]:focus,
.input-field input[type=text].valid,
.input-field input[type=text].invalid,
*/
.noticias .card {  -webkit-box-shadow: none;  box-shadow: 3px 3px 10px rgb(0,0,0,0.13); }


.hoverable:hover,
.btn:hover,
.noticias .card:hover {  -webkit-box-shadow: none; box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.20); }







/* Banner
----------------------------------*/
.banner.row { display: block !important; }
.banner img {  width: 100%; }  /* max-width: 100%; width: 100%; max-height: 100%; height: inherit !important; */






/* Contenido
----------------------------------*/
.contenido { position: relative; margin-bottom: 0;  padding: 100px 0;}

.contenido h1, .contenido h2, .contenido h3, .contenido h4, .contenido h5, .contenido h6 { margin-top: 0; }

.contenido h1 { font-size: 5em; }                                           /* 122px */
.contenido h2 { margin-bottom: 25px; font-size: 3.75rem; }                  /* 60px; 3.375rem */
.contenido h3 { margin-bottom: 20px; font-size: 2.375rem; }                 /* 38px 2.375rem */ 
.contenido h4 { font-size: 1.875rem; }                                      /* 30px 1.875rem */ 
.contenido h5 { font-size: 1.5rem; color: #808285; }                        /* 24px 1.5rem   */ 
.contenido h6 { font-size: 1.125rem; color: #b1b4b8; }                      /* 18px 1.125rem */ 

h2 + h3,
h3 + h4 { margin-top: -25px; }

h2 small,
h3 small,
h4 small { display: block; text-transform: none; } 

h2 small { font-size: 40%; }


.contenido ul { margin-bottom: 2rem; list-style-type: square; }
.contenido ul li { margin-left: 3rem; list-style-type: square;  }



.contenido .lead { margin: 0; padding: 0; font-size: 2.25em; text-align: center; line-height: 1.4;  }
/* .contenido .lead>p { margin: 0 4em; color: #808285; font-size: 1.6em; font-weight: 500; line-height: 1.4; } */

.contenido blockquote { margin: 2rem 0; border-left: none; }
.contenido blockquote footer { margin-top: 1rem; font-size: 0.9rem; }


.contenido strong { font-weight: 700 !important; }

.contenido .fecha { font-size: 0.9rem; color: #C7C7C7; }








/* Foto Rows 
----------------------------------*/

.foto-rows { height: 300px; background-position: center top; background-repeat: no-repeat; background-size: cover; }
.foto-rows.horizontal { height: 550px; }





/* Grid
----------------------------------*/
.grid { margin-left: 1rem; margin-right: 1rem; }

.grid .row { margin-bottom: 0 !important; }
.grid>.row>.col { padding: 1rem !important; border: 0.5rem solid #fff;  background-position: center top; background-repeat: no-repeat; background-size: cover; transition: 0.3s ease; }

/* Las columnas que son de foto, tienen un mínimo de altura */
.contenido.grid .row .col.grafito { min-height: 300px; }

/* Me complicaba en las paginas del Centro con las columnas del Equipo de trabajo
.grid>.row>.col:hover { transform: scale(1.05); box-shadow: 6px 6px 40px rgba(0, 0, 0, 0.40); }
*/

.grid>.row>.col>.row>.col { padding: 0; }

.grid .row .col.azul h1,
.grid .row .col.azul h2,
.grid .row .col.azul h3,
.grid .row .col.azul p,
.grid .row .col.azul ul li { color: #fff !important; }

.grid .row .col h1,
.grid .row .col h2,
.grid .row .col h3 { margin-bottom: 0; }

.grid .row .col h1 { line-height: 0.7;  }

.grid .row .col ul { padding-left: 20px; }

.grid .row .col p,
.grid .row .col ul li { margin-left: 0 !important; font-size: 0.875rem; }  /* list-style-type: none; */




/* Parallax
----------------------------------*/
.parallax { min-height: 500px; background-size: cover; background-position: center center; background-attachment: fixed;   color: #fff !important; }  
.parallax.contenido { padding: 50px 0; }
.gradient-overlay { width: 100%; padding: 100px 0; background-image: linear-gradient(180deg, rgba(149,81,158,0.4), rgba(103,59,184,0.8));  background-size: cover; }
/*
.parallax h2 { margin: 0 !important; padding: 0 !important;  color: #fff; font-size: 1.28571428571429em; text-transform: uppercase; text-align: center;  letter-spacing: 0.2em; line-height: 1 !important; }
.parallax h3 { color: #fff !important; font-weight: 100; text-transform: uppercase; letter-spacing: 0.5em; } 
*/




/* Recuadro 
----------------------------------*/
.recuadro { position: relative; z-index: 100; width: 48%; margin: 0;  padding: 60px; background-color: #fff;  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.05); }
/* margin: 50px 0 100px; */

.recuadro.full { width: 99%; margin: 0; }
.recuadro.ancho { width: 65%; }
.recuadro.angosto { width: 35%; }

.recuadro.arriba { margin-top: -50px;}

.recuadro.izquierda { margin-left: 100px;}
.recuadro.centro { margin-left: auto; margin-right: auto; }
.recuadro.derecha { margin-left: 40%;}

.recuadro.fondo { padding-bottom: 100px; background-position: right bottom; background-repeat: no-repeat; background-size: cover; }



.foto { position: absolute; z-index: 10; max-width: 100%; height: auto; margin-top: 100px;  border: 10px solid #fff; }
.foto.arriba { margin-top: 50px;}
.foto.abajo { margin-top: 150px;}
.foto.derecha { top: 0%; left: 45%; }
.foto.medio { top: 0%; left: 20%; }
.foto.izquierda { top: 0%; left: 10%; }
.foto.izquierda.itzel { top: 0%; left: 15%; }

.foto.ochenta { width: 80%; }








/* Bloque de Texto
----------------------------------*/
.bloque-texto.oscuro h2,
.bloque-texto.oscuro h3,
.bloque-texto.oscuro h4,
.bloque-texto.oscuro h5,
.bloque-texto.oscuro h6,
.bloque-texto.oscuro blockquote,
.bloque-texto.oscuro p { color: #fff !important; }



/* Columnas  /  Testimonials
----------------------------------*/

.testimonio { margin-top: 3px; padding: 0 0 20px 0 !important; border-right: 5px solid transparent; color: #fff; }
.testinonio:last-child { border: none; }

.testimonio h5,
.testimonio h6,
.testimonio p { padding: 20px; text-align: center; color: #fff !important; }

.testimonio h5,
.testimonio h6 { padding-bottom: 0; }

.testimonio p { font-size: 0.9rem; font-style: italic; }





/* Noticias   
----------------------------------*/

/* Blog Comments */
ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard { font:normal 16px georgia,times,serif; }
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; }
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta { font-size:9px; }
ol.commentlist li.comment div.comment-meta a { color:#ccc; }
ol.commentlist li.comment p { font-size:11px; margin:0 0 1em; }
ol.commentlist li.comment ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li.comment div.reply { font-size:11px; }
ol.commentlist li.comment div.reply a { font-weight:bold; }
ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { border-left:5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}








/* Newsletter
----------------------------------*/

.contenido.newsletter { padding: 0 !important; }









/* Materialize CSS Fixes
---------------------------------- */

nav a:hover,
.btn { text-decoration: none !important; }
.icon-block { padding: 0 15px; }
.icon-block .material-icons { font-size: inherit; }
.pagination { width: 100%; display: flex; align-items: center; justify-content: center; }
.parallax-container { height: 250px; }
.material-tooltip { padding: 12px 8px 0;  border-radius: 5px; font-size: 11px; font-weight: 700; color: #000; background-color: #ffd200; }
.btn-pulse-wrapper { position: relative; z-index: 2000; }
#cerrarsidenav { margin-top: -20px; color: #fff;}





/* Hero Icons
----------------------------------*/

.heroicon-outline {
  fill: #626262; }

.heroicon-component-fill {
  fill: #fff; }

.heroicon-component-accent {
  fill: #1C69A6; }

.heroicon-shadows {
  fill: #626262;
  opacity: .4; }





/* Instagram Feed
---------------------------------- */

.sbi_photo_wrap { transition: all 0.6s ease-in-out; }
.sbi_photo_wrap:hover { opacity: 0.5}





/* Formularios
---------------------------------- */

/* label color */
.input-field label { color: #000; }

/* label focus color */
.input-field input[type=text]:focus + label { color: #000; }

/* label underline focus color */
.input-field input[type=text]:focus { border-bottom: 1px solid #000; }

/* valid color */
.input-field input[type=text].valid { border-bottom: 1px solid #000; }

/* invalid color */
.input-field input[type=text].invalid { border-bottom: 1px solid #000; }

/* icon prefix focus color */
.input-field .prefix.active { color: #000; }





/* Gogle Maps
---------------------------------- */
.mapa { margin-bottom: -5px; }










/* Footer 
---------------------------------- */

/* Fix para footer static abajo */
body { display: flex; min-height: 100vh; flex-direction: column; }
main { flex: 1 0 auto; }

footer a { color: #fff; }


/*
footer ul { display: flex; align-items: center; justify-content: center; }
footer ul li { display: inline-block; }
*/






/* Responsive
----------------------------------*/

/* iPad Portrait */
@media (min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1024px) and (max-width: 1024px) {

  .parallax { 

     background-attachment: unset !important;
     background-position: center center !important; 

   }

}



/* iPad Landscape */
@media (min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1366px) and (max-width: 1366px) {
 
  .parallax { 

     background-attachment: unset !important;
     background-position: center center !important; 

   }

}



/* Extra Large devices */
@media (max-width: 1500px) {
}

/* Large devices */
@media (max-width: 1100px) {
  .text-xl-left {text-align: left !important; }
  .text-xl-right {text-align: right !important; }
  .text-xl-center {text-align: center !important; }
}

/* Medium devices */
@media (max-width: 992px) {
  .text-lg-left {text-align: left !important; }
  .text-lg-right {text-align: right !important; }
  .text-lg-center {text-align: center !important; }

  .mt-lg-auto{ margin-top: auto !important; }
  .mt-lg-0 { margin-top: 0 !important; }
  .mt-lg-1 { margin-top: 1rem !important; }
  .mt-lg-2 { margin-top: 2rem !important; }
  .mt-lg-3 { margin-top: 3rem !important; }
  .mt-lg-4 { margin-top: 4rem !important; }
  .mt-lg-5 { margin-top: 5rem !important; }

  .mb-lg-auto{ margin-bottom: auto !important; }
  .mb-lg-0 { margin-bottom: 0 !important; }
  .mb-lg-1 { margin-bottom: 1rem !important; }
  .mb-lg-2 { margin-bottom: 2rem !important; }
  .mb-lg-3 { margin-bottom: 3rem !important; }
  .mb-lg-4 { margin-bottom: 4rem !important; }
  .mb-lg-5 { margin-bottom: 5rem !important; }



  .recuadro-container { text-align: center; }
  
  .recuadro { position: relative; z-index: 100; width: 60%; margin: 0;  padding: 40px;  text-align: left; }  /* margin: 50px 0 100px; */
  
  .recuadro.full { width: 99%; margin: 0; }
  .recuadro.ancho { width: 80%; }
  .recuadro.angosto { width: 53%; }
  
  .recuadro.arriba { margin-top: -50px;}

  .recuadro.izquierda,
  .recuadro.derecha { margin-left: auto; margin-right: auto; }

  .recuadro.panama,
  .recuadro.colombia { padding: 60px 50px;  }

  
  .foto.arriba { margin-top: 0;}
  .foto.abajo { margin-top: 0;}

  .foto.derecha, 
  .foto.medio, 
  .foto.izquierda, 
  .foto.izquierda.itzel { top: auto; left: auto; }

  .foto.ochenta { width: 100%; }

  .foto { position: relative; z-index: 10; max-width: 100%; height: auto; margin-top: 50px !important; margin-left: auto; margin-right: auto; border: 10px solid #fff; }

}

/* Small devices  */
@media (max-width: 768px) {
  .text-md-left {text-align: left !important; }
  .text-md-right {text-align: right !important; }
  .text-md-center {text-align: center !important; }

  .mt-md-auto{ margin-top: auto !important; }
  .mt-md-0 { margin-top: 0 !important; }
  .mt-md-1 { margin-top: 1rem !important; }
  .mt-md-2 { margin-top: 2rem !important; }
  .mt-md-3 { margin-top: 3rem !important; }
  .mt-md-4 { margin-top: 4rem !important; }
  .mt-md-5 { margin-top: 5rem !important; }

  .mb-md-auto{ margin-bottom: auto !important; }
  .mb-md-0 { margin-bottom: 0 !important; }
  .mb-md-1 { margin-bottom: 1rem !important; }
  .mb-md-2 { margin-bottom: 2rem !important; }
  .mb-md-3 { margin-bottom: 3rem !important; }
  .mb-md-4 { margin-bottom: 4rem !important; }
  .mb-md-5 { margin-bottom: 5rem !important; }

  .contenido { padding: 80px 0; }

  .recuadro,
  .recuadro.full,
  .recuadro.ancho,
  .recuadro.angosto { width: 90%;  margin-left: auto; margin-right: auto; }

  .carousel .indicators { display: none !important; }
}

/* Extra Small devices */
@media (max-width: 576px) { 
  .text-sm-left {text-align: left !important; } 
  .text-sm-right {text-align: right !important; } 
  .text-sm-center {text-align: center !important; } 

  .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; }
  .my-sm-0 { margin-top: 0 !important;    margin-bottom: 0 !important;    }
  .my-sm-1 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .my-sm-2 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .my-sm-3 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .my-sm-4 { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .my-sm-5 { margin-top: 5rem !important; margin-bottom: 5rem !important; }

  .mx-sm-auto { margin-left: auto !important; margin-right: auto !important;  }
  .mx-sm-0 { margin-left: 0 !important;    margin-right: 0 !important;    }
  .mx-sm-1 { margin-left: 1rem !important; margin-right: 1rem !important; }
  .mx-sm-2 { margin-left: 2rem !important; margin-right: 2rem !important; }
  .mx-sm-3 { margin-left: 3rem !important; margin-right: 3rem !important; }
  .mx-sm-4 { margin-left: 4rem !important; margin-right: 4rem !important; }
  .mx-sm-5 { margin-left: 5rem !important; margin-right: 5rem !important; }

  .mt-sm-auto{ margin-top: auto !important; }
  .mt-sm-0 { margin-top: 0 !important; }
  .mt-sm-1 { margin-top: 1rem !important; }
  .mt-sm-2 { margin-top: 2rem !important; }
  .mt-sm-3 { margin-top: 3rem !important; }
  .mt-sm-4 { margin-top: 4rem !important; }
  .mt-sm-5 { margin-top: 5rem !important; }

  .mb-sm-auto{ margin-bottom: auto !important; }
  .mb-sm-0 { margin-bottom: 0 !important; }
  .mb-sm-1 { margin-bottom: 1rem !important; }
  .mb-sm-2 { margin-bottom: 2rem !important; }
  .mb-sm-3 { margin-bottom: 3rem !important; }
  .mb-sm-4 { margin-bottom: 4rem !important; }
  .mb-sm-5 { margin-bottom: 5rem !important; }

  .contenido h1 { font-size: 5em; }                                      
  .contenido h2,
  .bloque-texto h2 { margin-bottom: 25px; font-size: 3rem; }                  
  .contenido h3 { margin-bottom: 20px; font-size: 2rem; }                  
  .contenido h4 { font-size: 1.5rem; }                                      
  .contenido h5 { font-size: 1.2rem; }                                         
  .contenido h6 { font-size: 1rem; }                                       

  .contenido { padding: 50px 0; }
  .parallax { min-height: 300px; }
  .recuadro { margin: 25px 0 50px;  padding: 30px; }

  .parallax { display: none !important; }
}