@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300&family=Quicksand:wght@300;500;700&display=swap');


a:hover{
  color: #720f1b;
}


nav{
  background-color: #DE2439
}

nav img{
  padding-left: 20%;
}

nav a{
  color: #fff;
}

nav ul{
  justify-content: space-around;
  width: 100%;

}




.cabeza {
    background-color: #DE2439; 
    height: 100px;
}

.cabeza a{
    font-family: 'Quicksand', sans-serif;
    color: #fff;
    font-weight: 700;
}

.distribuidor {
  background-color: #590811; 
  height: 85px;
}

.texto-distribuidor {
font-family: 'Oxygen', sans-serif; 
font-weight: 500; 
font-size: 2rem; 
color: #fff; 
display: flex; 
align-items: center; 
justify-content: center;
}

.redes {
  background-color: #343434; 
  height: 75px;
  display: flex; 
  justify-content: space-around; 
  align-items: center;
  color: #fff; 

}

.redes ul{
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;


}

.redes p{
  color: #fff; 
  font-size: 1.1rem; 
  font-family: 'Oxygen' sans-serif;
}

.redes i{
  color: #fff; 
  font-family: 'Oxygen' sans-serif;
}



.contacto {
    background-image: url('/imagenes/fondo111.jpg'); 
    background-position: center;
    background-size: cover;
    height: 300px; 
    width: 100%;
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .contacto a{
    position: absolute; 
    top: 50%; 
    left: 49%; 
    height: 67px; 
    width: 155px; 
    background-color: #DE2439; 
    padding: 10px;
  }
  
  .contacto a:hover{
    background-color: #590811;
  }

  .flex-sm-fill {
    background-color: #DE2439; 
    font-family: 'Oxygen', sans-serif; 
    font-weight: 900;
  }

  .nav {
    background-color: #DE2439; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    height: 100px;
  }

  .pie-de-pagina {
    background-color: #C4C4C4; 
    height: 200px;
  }

  .pie-de-pagina h3{
    color: #000; 
    font-family: 'Oxygen' sans-serif; 
    font-size: 1rem; 
    text-align: right;
  }

  .pie-de-pagina h3{
    color: #000; 
    font-family: 'Oxygen' sans-serif; 
    font-size: 1rem; ;
  }

  .imagen-equipos{
    background-image: url('/imagenes/equipos.jpg'); 
    height: 300px; 
    position: relative;
    background-position: center;
    background-size: cover;
  }

  .imagen-equipos h2{
    color: #000; 
    position: absolute; 
    top: 50%; 
    left: 46%; 
    height: 50px; 
    width: 150px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-family: 'Oxygen' sans-serif; 
    font-size: 2rem; 
    font-weight: 700;
  }

  .logos{
    background-color: #FF5A5A; 
    height: 150px; 
  }

  .logos a{ display: flex; 
    align-items: center; 
    justify-content: center;

  }

  .reseña-km {
    background-image: url('/imagenes/home-konica.jpg'); 
    height: 450px; 
    position: relative;
    background-position: center;
    background-size: cover;
  }



  .barratiposimpresoraskm {
    height: 400px; 
    display: flex; 
    align-items: center; 
    justify-content: center;
  }

  .imagenesimpresoraskm {
    height: 250px; 
    width: 250px;
  }

  .barratextoimpresoraskm {
    display: flex; 
    align-items: center; 
    justify-content: center; 
    background-color: #C4C4C4;
  }
  .prodliv {
    font-size: large; 
    font-family: 'Oxygen' sans-serif; 
    color: #000; 
    text-align: center;
  }

  .oficina {
    font-size: large; 
    font-family: 'Oxygen' sans-serif; 
    color: #000; 
    text-align: center;
  }
  .sisprod {
    font-size: large; 
    font-family: 'Oxygen' sans-serif; 
    color: #000; 
    text-align: center;
  }

  .scanners {
    font-size: large; 
    font-family: 'Oxygen' sans-serif; 
    color: #000; 
    text-align: center;
  }

  .portada {
    position: absolute; 
    top: 0%; 
    left: 85%; 
    height: 70%;
  }
  
  .barratiposimpresoraskm1 {
    height: 400px; 
    display: flex; 
    align-items: center; 
    justify-content: center;
  }

  .imagenesbizhub {
    height: 250px; 
    width: 250px; 
  }

  .bizhubb {
    font-size: large; 
    font-family: 'Oxygen' sans-serif; 
    color: #000; 
    text-align: center;
  }

  .imagenesbizhubc {
    height: 250px;
    width: 250px;  
  }

  .bizhubc {
    font-size: large; 
    font-family: 'Oxygen' sans-serif; 
    color: #000; 
    text-align: center;
  }

  .barratiposimpresoraskm2 {
    height: 400px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    background-image: url('/imagenes/km/produccion-liviana-km/fondobizhub2.jpg');
    
  }

  .barratiposimpresorasepson {
    display: flex; 
    align-items: center; 
    justify-content: center; 
    text-align: center;
  } 

  .imagenesimpresorasepson {
    height: 250px; 
    width: 250px; 
    justify-content: center;
  }

  .reseña-epson {
    background-image: url('/imagenes/home-epson.jpg');
    height: 450px;
    background-position: center;
    background-size: cover;
  }

  .barratiposimpresorasepson1 {
    height: 400px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
  }

  
  .barratiposimpresorasepson2 {
    height: 400px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
  }


  .imagenesimpresorasinkami {
    height: 280px; 
    width: 250px;
    justify-content: center;
  }

  

  .reseña-inkami {
    background-image: url('/imagenes/home.inkami.jpg'); 
    height: 500px;
    background-position: center;
    background-size: cover;
  }


  .barratiposimpresorasinkami {
    height: 400px; ; 
    align-items: center; 
    justify-content: center;
   }

   .imagenesinkami {
    height: 150px; 
    width: 200px; 
  }



  .soporte {
    background-image: url('/imagenes/soporte.jpg'); 
    text-align: center;
    background-position: center;
    background-size: cover;
    padding: 50px 0 50px 0;
  }

  .texto-soporte h2{
    color: #000; 
    font-family: 'Oxygen' sans-serif; 
    font-size: 2rem; 
    line-height: 1.5;
    padding-left: 20%; 
    padding-right: 20%;
    text-align: center;
  }

  .logoeikona {
    height: 90px; 
    position: absolute; 
    top: 110%; 
    left: 65%;
  }

   .oficina1 {
     background-image: url('/imagenes/km/Oficina/oficina.jpg'); 
     height: 300px; 
     display: flex; 
     align-items: center; 
     justify-content: center;
     background-position: center;
     background-size: cover;
   }

   .oficina1 h2{
     font-size: 5rem; 
     font-family: 'Oxygen' sans-serif; 
     font-weight: 700; 
     color: #DE2439;
   }

   .prod-liviana {
    background-image: url('/imagenes/km/produccion-liviana-km/prod-liviana.jpg'); 
    height: 300px; 
    display: flex; 
    align-items: center; 
    justify-content: center;
    background-position: center;
    background-size: cover;
  }

  .prod-liviana h2{
    font-size: 5rem; 
    font-family: 'Oxygen' sans-serif; 
    font-weight: 700; 
    color: #DE2439;
  }

  .sis-prod {
    background-image: url('/imagenes/km/sistema-de-produccion/sist-produccion.jpg'); 
    height: 300px; 
    display: flex; 
    align-items: center; 
    justify-content: center;
    background-position: center;
    background-size: cover;
  }

  .sis-prod h2{
    font-size: 5rem; 
    font-family: 'Oxygen' sans-serif; 
    font-weight: 700; 
    color: #DE2439;
  }

  .scanners1 {
    background-image: url('/imagenes/km/scanners/scanners.jpg'); 
    height: 300px; 
    display: flex; 
    align-items: center; 
    justify-content: center;
    background-position: center;
    background-size: cover;
  }

  .scanners1 h2{
    font-size: 5rem; 
    font-family: 'Oxygen' sans-serif; 
    font-weight: 700; 
    color: #DE2439;
  }

  .sublimacion{
    background-image: url('/imagenes/Inkami/Sublimacion/SUBLIMACION.jpg'); 
    height: 300px; 
    position: relative;
  }

  .texto-sublimacion {
    position: absolute; 
    top: 20%; 
    left: 20%; 
   }

   .texto-sublimacion h2 {
     font-size: 5rem; 
     font-family: 'Oxygen' sans-serif; 
     font-weight: 700; 
     color: #F1BB00;
   }
   
   .uv{
     background-image: url('/imagenes/Inkami/UV/uv.jpg'); 
     height: 300px; 
     position: relative;
   }

   .texto-uv {
     position: absolute; 
     top: 50%; 
     left: 30%;
   }

   .texto-uv h2 {
     font-size: 5rem; 
     font-family: 'Oxygen' sans-serif; 
     font-weight: 700; 
     color: #AA35BD;
   }

   .solvente {
     background-image: url('/imagenes/Inkami/Solvente/SOLVENTE.jpg'); 
     height: 300px; 
     position: relative;
   }

   .texto-solvente {
     position: absolute; 
     top: 30%; 
     left: 20%;
   }

   .texto-solvente h2 {
     font-size: 5rem; 
     font-family: 'Oxygen' sans-serif; 
     font-weight: bolder; 
     color: #13046A;
   }

   .ecosolvente {
    background-image: url('/imagenes/Inkami/Ecosolvente/ecosolvente.jpg'); 
    height: 300px; 
    position: relative;
  }

  .texto-ecosolvente {
    position: absolute; 
    top: 30%; 
    left: 20%;
  }

  .texto-ecosolvente h2 {
    font-size: 5rem; 
    font-family: 'Oxygen' sans-serif; 
    font-weight: bolder; 
    color: #099E33;
  }

  .scandiva{
    height: 900px; 
    display: flex; 
    align-items: center; 
    justify-content: center;
  }

  .scandiva4{
    height: 700px; 
    display: flex; 
    align-items: center; 
    justify-content: center;
  }

  

  .scandiva3{
    height: 900px; 
    display: flex; 
    align-items: center; 
    justify-content: center;
  }


  

  .scandiva2 h1 {
    font-weight: 900; 
    font-family: 'Oxygen' sans-serif; 
    color: #DE2439; 
  }

  .scandiva2 p {
    font-family: 'Oxygen' sans-serif; 
  }

  .sandiva2 {
    display: flex; 
    align-items: center; 
    justify-content: center; 
    top: 50%;
  }

  .c14000 {
    height: 900px; 
    display: flex; 
    align-items: center; 
    justify-content: center;

  }

  .imagen-tintas{
    background-image: url('/imagenes/tintas.jpg'); 
    height: 300px; 
    position: relative;
  }

  .imagen-tintas h2{
    color: #000; 
    position: absolute; 
    top: 50%; 
    left: 46%; 
    height: 50px; 
    width: 150px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-family: 'Oxygen' sans-serif; 
    font-size: 2rem; 
    font-weight: 700;
  }

  .imagenestintas {
    height: 250px; 
    width: 250px; 
    justify-content: center;
  }

  .imagenestintas1 {
    height: 250px;
    width: 280px; 
    justify-content: center;
  }
 
  .datos span{
    font-weight: 800;
    color: #df1145;
  }
  
  .datos ul{
    list-style: none;
    padding-left: 0;
  }
  
  
  .consulta{
    background-color: #DE2439;
    font-size: 0.8rem;
    color: #fff;
    padding: 10px 30px 10px 30px;
    text-align: center;
    border: 0;
  }

  .datos1 ul{
    list-style: none;
    padding-left: 0;
  }

  .inkjet {
    background-image: url('/imagenes/Epson/inkjet/inkjet.jpg'); 
    height: 300px; 
    display: flex; 
    align-items: center; 
    justify-content: center;
  }

  .inkjet h2{
    font-size: 5rem; 
    font-family: 'Oxygen' sans-serif; 
    font-weight: 700; 
    color: #13046A;
  }

  .multifuncional {
    background-image: url('/imagenes/Epson/multifuncional/multifuncionalpres.jpg'); 
    height: 300px; 
    display: flex; 
    align-items: center; 
    justify-content: center;
    background-position: left;
    background-size: cover;
  }

  .multifuncional h2{
    font-size: 5rem; 
    font-family: 'Oxygen' sans-serif; 
    font-weight: 700; 
    color: #13046A;
  } 

  .scannerepson {
    background-image: url('/imagenes/Epson/scanners/scanners.jpg'); 
    height: 300px; 
    display: flex; 
    align-items: center; 
    justify-content: center;
  }

  .scannerepson h2{
    font-size: 5rem; 
    font-family: 'Oxygen' sans-serif; 
    font-weight: 700; 
    color: #13046A;
  } 

  .nosotros {
    background-image: url('/imagenes/nosotros.jpg');
    text-align: center;
    padding: 50px 0 50px 0;
  }

  .texto-nosotros h2{
    color: #000; 
    font-family: 'Oxygen' sans-serif; 
    font-size: 2rem; 
    padding-left: 10%; 
    padding-right: 10%;
    text-align: center;
    line-height: 1.5;
  }

  .logoeikona1 {
    height: 50px; 
    position: absolute; 
    top: 110%; 
    left: 46%;
  }

  .epsontintas {
    background-image: url('/imagenes/Epson/inkjet/inkjet.jpg');
  }

  .barratiposimpresoraskm3 {
    height: 400px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
  }

  .imagenesbizhubc1 {
    height: 250px; 
    width: 250px;  
  }

  .imagenesbizhubc2 {
    height: 250px; 
    width: 150px;  
  }
 
  .etiquetadoras {
    background-image: url('/imagenes/Epson/Etiquetadoras/etiquetadoras1.jpg'); 
    height: 300px; 
    display: flex; 
    align-items: center; 
    justify-content: center;
    background-position: left;
    background-size: cover;
  }

  .etiquetadoras h2{
    font-size: 5rem; 
    font-family: 'Oxygen' sans-serif; 
    font-weight: 700; 
    color: #13046A;
  } 

  
  

  @media only screen and (max-width: 1600px) {
    .texto-distribuidor {
      font-size: 1.2rem; 
      text-align: center;
      }

  }



@media only screen and (max-width: 600px) {


  nav img{
    padding-left: 0;
  }
  .navbar-collapse{
    text-align: center;
  }

  nav li{
    border-bottom: 1px solid rgb(206, 149, 166);
    padding: 10px;
  }

  .texto-distribuidor {
    font-size: 1rem; 
    text-align: center;
    }


    .redes p{
      color: #fff; 
      font-size: 0.7rem; 
      font-family: 'Oxygen' sans-serif;
    }

    .contacto a{
      top: 45%;
      left: 35%; 
    }

    .barratiposimpresorasepson img{
      border-top: 1px solid #343434;
    }
    
    .barratiposimpresorasinkami img{
      border-top: 1px solid #343434;
     }

     .inkami{
      display: block;
    }

    .reseña-inkami {
      background-image: url('/imagenes/paracelu/inkami-celu.jpg'); 
      height: 200px;
    }

    .reseña-epson {
      background-image: url('/imagenes/paracelu/epson-celu.jpg');
      height: 200px;
    }

    .reseña-km {
      background-image: url('/imagenes/paracelu/km-celu.jpg'); 
      height: 200px;
    }

    .logos{ 
      display: flex; align-items: center; justify-content: center;
    }

    .imagen-equipos h2{
      top: 45%; 
      left: 34%; 
    }

    .imagen-tintas h2{ 
      left: 35%; 
     
    }

    .imagen-tintas{
      background-image: url('/imagenes/paracelu/tintas.jpg'); 
      height: 200px; 
    }

    .texto-soporte h2{
     font-size: 1.5rem; 
    }

    
  .soporte {
    background-image: url('/imagenes/paracelu/soporte.jpg'); 
  }

  .logoeikona {
    height: 60px; 
    position: absolute; 
    top: 100%; 
    left: 28%;
  }

  .nosotros {
    background-image: url('/imagenes/paracelu/nosotros.jpg'); 
  }

  .texto-nosotros h2{
    font-size: 1rem; 
  }

  .logoeikona1 {
    height: 60px; 
    position: absolute; 
    top: 110%; 
    left: 28%;
  }

  .scanners1 h2{
    font-size: 4rem; 
  }


.oficina1 h2{
  font-size: 4rem; 
}


.sis-prod h2{
  font-size: 3rem; 
  text-align: center;
}

.scandiva{
  height: 1300px; 
}

.c14000 {
  height: 1400px;
}

.prod-liviana h2{
  font-size: 3rem; 
  text-align: center;
}

.multifuncional h2{
  font-size: 2rem; 
}

.scandiva3{
  height: 1300px; 
}

.scannerepson h2{
  font-size: 3rem; 
} 

.inkjet h2{
  font-size: 3rem; 
}

.texto-sublimacion h2 {
  font-size: 2rem; 
  text-align: center;
}

.texto-sublimacion {
  top: 40%;
  left: 10%; 
 }

 .texto-ecosolvente h2 {
  font-size: 2rem; 
}

.texto-ecosolvente {
  top: 40%;
  left: 20%; 
 }

 .texto-solvente {
  position: absolute; 
  top: 40%; 
  left: 20%;
}

.texto-solvente h2 {
  font-size: 3rem; 
}




}