body {  color: white!important;}
header .container .rinicio .col img {width: 300px; margin: 30px; display: block; margin-left: auto; margin-right: auto;}
header .container .rempresarial { display: flex; justify-content: center; align-items: center;}
header .container .rempresarial .col img {width: 250px; margin: 30px; }
header .container .rempresarial .col ul  {display: flex; justify-content: center; align-items: center;}
header .container .rempresarial .col ul a {list-style: none; font-weight: bold; margin-left: 10%; font-size: 20px; text-decoration: none; color: white;}
header .container .rempresarial .col ul a:hover { color: white;}
.rowresp{display: none;}
.colorFooter{background: #000b7b;}
/* Tendrá la imagen del body  */
.maincontainer  {background-image: url('../images/sociales_tintura.png')!important; background-repeat:no-repeat;  background-size:cover	;   } 
.maincontainer {background-repeat:no-repeat;  background-size:contain;  }
.maincontainer2 {background-image: url('../images/inicioback1.png')!important; background-repeat:no-repeat;  background-size:cover	;   } 
.maincontainer2 {background-repeat:no-repeat;  background-size:cover;  }
/* Tendrá la imagen del footer */
.contenedor2 {background-image: url('../images/inicioback2.png'); background-repeat:no-repeat;  background-size:contain;   } 
.alinear { display: block !important ; margin-left: auto !important ; margin-right: auto !important ; } /* Alinear al centro */










.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
  }
  .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
  }



/* INICIO */
    /* Dos imagenes */
.inicio .container .row { display: flex; justify-content: center; }
.inicio .container .row .columna1 { margin-right: 100px; }
.inicio .container .row div div { display: flex; justify-content: center; align-items: center; }
.inicio .container .row div div p{ font-size: 40px; font-weight: bold; text-align: center; text-decoration: none; color: white;}
.inicio .container .row div a{text-decoration: none;}

.inicio .container .row .columna1 .imagen{ background-image: url('../images/inicioizq.png'); background-repeat:no-repeat;  background-size:cover;height: 60vh; background-position:center center; }
.inicio .container .row .columna2 .imagen{ background-image: url('../images/inicioder.png'); background-repeat:no-repeat;  background-size:cover;height: 60vh; background-position:center center; }
    /* Promocion del Mes */
.inicio .seccion2 { margin-top: 40px; }
.inicio .seccion2 .titulo { justify-content: center; align-items: center; display: flex; }
.inicio .seccion2 .titulo h1{ font-size: 45px; }
.inicio .seccion2 .precio .columna p { font-weight: bold; font-size: 30px; text-align: center; }
.inicio .seccion2 .precio .columna p span { font-size: 50px; }
footer .container .row { display: flex;justify-content: center; align-items: center; }
footer .container .row { display: flex;justify-content: center; align-items: center; }
.inicio .seccion2 .precio .columna{ justify-content: center; align-items: center; display: flex; background: #68c0db; padding: 20px; }

/* EMPRESARIAL */
.empresarial .seccion  {background-image: url('../images/socialesWow.png');  background-size:cover	;   } 
.empresarial .figuras{ background: #fff;}
    /* Banner solo letras */
.empresarial .container .renglon1 .col p { text-align: center; font-size: 52px; font-weight: bold; line-height: 95px; }
.empresarial .container .renglon1 .col p span { font-size: 127px;}
.empresarial .container .renglon1 { padding-bottom: 50px; }
    /* Seccion blanca */

.empresarial .seccion .container .renglon2 .col p { color: #162670;text-align: center; font-size: 70px ; font-weight: bold; margin-top: 50px; }
.empresarial .seccion .container .renglon3 .col p { color: #162670;text-align: center; font-size: 24px; }
.empresarial .seccion .container .renglon4 .col p { color: #162670; font-size: 20px; text-align: center; }
.empresarial .seccion .container .renglon4 .col img { width: 230px;}
.empresarial .seccion .container .renglon4 { margin-top: 80px; padding-bottom: 160px;}
.empresarial .seccion .container .renglon5 { padding-bottom: 80px;}
.empresarial .seccion .container .renglon5 .col h1 { color: #e56727; text-align: center; font-size: 70px;font-weight: bold;}
.empresarial .seccion .container .renglon6 .col img { width: 250px; margin-left: 20%; }

/* PRODUCTOS EMPRESARIALES */
.productosempresariales .container .row .col h1 {text-align: center; font-weight: bold; font-size: 90px; color: #162670; margin-top: 30px; margin-bottom: 50px;}
.productosempresariales .container .renglon2 div { margin-bottom: 20px; justify-content: center;}
.productosempresariales .container .renglon2 div h5 { text-align: center; margin-top: 20px; color: #000b7b; font-weight: bold; letter-spacing: 1px;}
.productosempresariales .container .renglon2 div img{ width: 450px;}
.productosempresariales .container .renglon2 .col2{ margin-left: 100px;}
.productosempresariales{ background-image: url('../images/productosTintura2.png')!important; background-repeat:no-repeat;  background-size:cover; background-position:center center;}


/* SOCIALES PRODUCTOS */
.socialesproductos .container .row .col h1 {text-align: center; font-weight: bold; font-size: 90px; color: #162670; margin-top: 30px; margin-bottom: 50px;}
.socialesproductos .container .renglon2 div { margin-bottom: 20px; justify-content: center;}
.socialesproductos .container .renglon2 div h5 { text-align: center; margin-top: 20px; color: #000b7b; font-weight: bold; letter-spacing: 1px;}
.socialesproductos .container .renglon2 div img{ width: 450px;}
.socialesproductos .container .renglon2 .col2{ margin-left: 100px;}
/* SOCIALES */
.sociales .seccion  {background-image: url('../images/socialesWow.png');  background-size:cover	;   } 
.sociales .naranja .figurasnaranja { background-image: url('../images/sociales11.png');  background-size:cover	; }
.sociales .figuras{ background: #fff;}
.sociales .container .renglon1 .col p { text-align: center; font-size: 52px; font-weight: bold; line-height: 95px; }
.sociales .container .renglon1 .col p span { font-size: 127px;}
.sociales .container .renglon1 { padding-bottom: 50px; }

.sociales .container { padding-bottom: 100px; }
.sociales .seccion .container .renglon2 .col p { color: #162670;text-align: center; font-size: 70px ; font-weight: bold; margin-top: 50px; }
.sociales .seccion .container .renglon3 .col p { color: #162670;text-align: center; font-size: 24px; }
.sociales .seccion .container .renglon4 .col p { color: #162670; font-size: 20px; text-align: center; }
.sociales .seccion .container .renglon4 .col img { width: 230px;}
.sociales .seccion .container .renglon4 { margin-top: 80px; padding-bottom: 160px;}
.sociales .seccion .renglon5 { padding-bottom: 80px;}
.sociales .seccion .renglon5 .col h1 {  text-align: center; font-size: 70px;font-weight: bold;}
.sociales .seccion .naranja {background:#e56727; padding-top: 50px;}
.sociales .seccion .renglon6 { justify-content: center; }
.sociales .seccion .renglon6 .col img { width: 360px; margin-left: auto; margin-right: auto; display: block;}






/* Footer */
footer .texto { margin-top: 50px; padding-top: 50px; }
footer .container .row .columna p { font-size: 30px; text-align: center; }
footer .container .row .columna { margin-bottom: 50px; }
    /* Formulario */
footer .container .row { display: flex;justify-content: center; align-items: center; }
footer .container .row form input { width: 375px; height: 45px; margin-top: 20px; text-align: center; font-size: 15px;}
footer .container .row form .boton { width: 130px; text-align: center; margin-left: auto; margin-right: auto; display: block; background: #e56727; color: white; border: none; height: 40px;}
footer .datos .row div p { text-align: center; margin-top: 50px; margin-bottom: 50px; }
footer .ultimo { background: white; padding: 15px;  }
footer .ultimo p { text-align: center; color: black; margin-top: 1%;  }






/* Large desktops and laptops */
@media (min-width: 1600px) {
}
/* Large desktops and laptops */
@media (min-width: 1200px) and (max-width: 1599px) {

}
/* Portrait tablets and medium desktops */
@media(max-width: 1199px) {
    .inicio .container .row .columna1 .imagen{ height: 40vh; }
    .inicio .container .row .columna2 .imagen{ height: 40vh; }
    .empresarial .seccion .container .renglon6 .col img {margin: 0; width: 220px;}
    .empresarial .seccion .container .renglon5 { padding: 0; }
    .sociales .seccion .renglon6 .col img{width: 280px;}
    .sociales .naranja .figurasnaranja{ background-size: cover; background-repeat: no-repeat; background-image: url('../images/empresarialback.png');  }

 
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .productosempresariales .container .renglon2 div img{width:370px;}
    
}
/* Portrait tablets and small desktops */
@media (min-width: 690px) and (max-width: 893px) {
    .inicio .seccion2 .precio .columna{display: none;}
    .inicio .seccion2 .precio .resp{display: block!important;}
    .productosempresariales .container .renglon2 div img{width:370px; }
    
}
@media (max-width: 991px){
    /* Tendrá la imagen del body */
    .maincontainer  {background-size:contain;  background-image: url('../images/inicioback2resp.png')!important; } 
    /* Tendrá la imagen del footer */
    .contenedor2 {background-image: url('../images/inicioback2resp.png'); background-repeat:no-repeat;  background-size:contain;   } 
    .inicio .container .row .columna1 .imagen{ background-image: url('../images/inicioizqresp.png'); background-repeat:no-repeat;  background-size:cover; background-position:center center;}
    .inicio .container .row .columna2 .imagen{ background-image: url('../images/inicioderresp.png'); background-repeat:no-repeat;  background-size:cover; background-position:center center;}
    .inicio .container .row .columna1{ margin: 0; margin-bottom: 5%; }
    .productosempresariales{ background-image: url('../images/productosResp.png')!important; background-repeat:no-repeat;  background-size:cover; background-position:center center;}
    .socialesproductos{ background-image: url('../images/productosResp.png')!important; background-repeat:no-repeat;  background-size:cover; background-position:center center;}
    .maincontainer2{ background-image: url('../images/inicioback1resp.png')!important; background-repeat:no-repeat;  background-size:cover; background-position:center center;}
    .productosempresariales .container .renglon2 div img{margin-left: auto;margin-right: auto;display: block;}
    .productosempresariales .container .renglon2 .col2{margin-left: 0;}
    .socialesproductos .container .renglon2 div img {width: 480px; display: block; margin-left: auto; margin-right: auto;}
    .socialesproductos .container .renglon2 .col2{margin-left: 0px;}
    .renglon2{justify-content: center;}
    
        
    

}
/* Landscape phones and portrait tablets */
@media (max-width: 768px) {
    .rempresarial {display: none!important;}
    .rowresp { display: block; }
    .inicio .container .row .columna1 .imagen{ height: 55vh; }
    .inicio .container .row .columna2 .imagen{ height: 55vh; }
    .empresarial .seccion .container .renglon2 .col p { font-size: 55px; }
    .empresarial .seccion .container .renglon3 .col p { font-size: 20px; }
    .empresarial .seccion .container .renglon4 { margin-top: 0px; padding-bottom: 100px;}
    .empresarial .seccion .container .renglon4 .col img { width: 190px ; }
    .empresarial .seccion .container .renglon4 .col p { font-size: 16px; }
    .empresarial .seccion .container .renglon5 .col h1 { font-size: 60px; }
    .empresarial .seccion .container .renglon6 .col img { width: 180px; }

    .productosempresariales .container .row .col h1 {font-size: 60px;}
    .productosempresariales .container .renglon2 .col2{margin-left: 70px;}
    .productosempresariales .container .renglon2 div img {width: 480px; display: block; margin-left: auto;margin-right: auto;}
    .productosempresariales .container .renglon2 .col2 {margin-left: 0;}
    .productosempresariales .container .renglon2 div h5{font-size: 30px;}
    .socialesproductos .container .renglon2 div h5{font-size: 30px;}

    .socialesproductos .container .row .col h1 {font-size: 60px;}
    .sociales .seccion .container .renglon2 .col p {font-size: 55px;}
    .sociales .seccion .container .renglon3 .col p {font-size: 20px;}
    .sociales .seccion .container .renglon4 .col img{width: 160px;}
    .sociales .seccion .container .renglon4 .col p{font-size: 16px;}
    .sociales .seccion .container .renglon4{padding-bottom: 0;}
    .sociales .seccion{background-size:contain;}

    .sociales .seccion .renglon5 .col h1{font-size: 55px;}
    .sociales .seccion .renglon6 .col img{width:200px;}
    .sociales .seccion .renglon6 .col img{margin-bottom: 60px;}

    .rowresp div ul a{text-decoration: none;}
    .rowresp {display: block!important;}
    .rowresp  img { display: block; margin-left: auto;margin-right: auto; width: 200px; padding-top: 30px; margin-bottom: 30px; }
    .rowresp  div ul{margin-bottom: 0; padding: 0; list-style: none;} 
    .rowresp  div ul a li{padding: 10px 0; text-align: center; margin: 2px 0; font-weight: bold;}
    .rowresp  div ul .active{background-color: #66cccc;}
    .rowresp  div ul a li {color: #fff; backdrop-filter: aqua;}
    header .container .rinicio .col img { width: 200px; }
    .sociales .seccion .renglon5 .col h1{font-size: 30px;}
    
}	


@media (max-width: 540px){
    .sociales .seccion{ background-image: url(../images/socialesresp.png); }
    footer .container .row .columna p { font-size: 20px; width: 80%; margin-left: auto; margin-right: auto; }
    .sociales .naranja .figurasnaranja{ background-size: cover; background-repeat: no-repeat; background-image: url('../images/sociales.png');  }
    .productosempresariales .container .renglon2 div img{width: 300px;}
    .socialesproductos .container .renglon2 div img{width: 300px;}
    .productosempresariales .container .renglon2 div h5{font-size: 20px;}
}
/* Landscape phones and smaller */
@media (max-width: 480px) {
    .inicio .container .row .columna1 .imagen{ height: 45vh; margin-right: auto; margin-left: auto; width: 80%;}
    .inicio .container .row .columna2 .imagen{ height: 45vh; margin-right: auto; margin-left: auto; width: 80%;}
    .inicio .container .row div div p { font-size: 30px; }
    .inicio .seccion2 .titulo h1 { font-size: 20px; }
    .inicio .seccion2 .precio .columna p { font-size: 16px; padding: 10px; }
    .inicio .seccion2 .precio .columna p span { font-size: 27px; }
    .inicio .seccion2 .precio .columna { width: 60%; padding: 5px;}

    .empresarial .seccion  { background-size:contain; background-image: url('../images/empresarialbackresp.png');   } 
    .empresarial .container .renglon1 .col p { font-size: 30px; line-height: 60px;}
    .empresarial .container .renglon1 .col p span { font-size: 78px;  }
    .empresarial .seccion .container .renglon2 .col p { font-size: 30px; }
    .empresarial .seccion .container .renglon3 .col p { font-size: 17px; }
    .empresarial .seccion .container .renglon4 .col p { width: 70%; }
    .empresarial .seccion .container .renglon5 .col h1 { font-size: 35px; }
    .row3{ display: none; }/* Quitar un br */
    .alinear { display: block !important ; margin-left: auto !important ; margin-right: auto !important ; } /* Alinear al centro */

    .productosempresariales .container .row .col h1 {font-size: 45px;}
    .productosempresariales .container .renglon2 div img{ display: block !important ; margin-left: auto !important ; margin-right: auto !important ; }
    .productosempresariales .container .renglon2 .col2{ margin: 0; }

    .socialesproductos .container .row .col h1 {font-size: 45px;}
    .socialesproductos .container .renglon2 div img{width: 300px; display: block !important ; margin-left: auto !important ; margin-right: auto !important ; }
    .socialesproductos .container .renglon2 .col2{ margin: 0; }

    .sociales .container .renglon1 .col p{font-size: 30px;line-height: 60px;}
    .sociales .container .renglon1 .col p span{font-size: 78px;}
    .sociales .container .renglon1 .col p {padding-top: 50px;}
    .sociales .container{padding-bottom: 50px;}
    .sociales .seccion .container .renglon2 .col p{font-size: 30px;}
    .sociales .seccion .container .renglon3 .col p{font-size: 17px;}
    .sociales .seccion .container .renglon4 .col img{width: 200px;}
    .sociales .seccion .container .renglon4 .col p{width: 70%;}


    footer .container .row form input { width: 300px; }
    footer .container .row .columna p { font-size: 20px; }
    footer .ultimo p {font-size: 14px;}
    .hide {display: none;}
    
}
@media (max-width: 350px) { 
    .productosempresariales .container .renglon2 div img{width: 280px;}
    .socialesproductos .container .renglon2 div img{width: 280px;}
    .inicio .seccion2 .precio .columna {width: 80%;}
}