/* Clase para darle estilos al body */
.econar-body {
  background-color: #6F4E37;
  height: 100%;
  width: 100%;
}
.content-ppal{
  padding: 35px;
}
.head{
  background-color: white;
}
.pie{
  background-color: white;
  color: green;
}
.pie-titulos{
  text-align: center;
}
ul{
  padding: 0;
}
li{
  list-style: none;
}

.imagen:hover{
border-radius:50%;
-webkit-border-radius:50%;
box-shadow: 0px 0px 15px 15px #6F4E37;
-webkit-box-shadow: 0px 0px 15px 15px #6F4E37;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}

.img-bolsas:hover {filter: sepia(60%);}

.img-otrop:hover {
-webkit-transform: rotateY(180deg);
-webkit-transform-style: preserve-3d;
transform: rotateY(180deg);
transform-style: preserve-3d;}

.img-zoom{
  width: 100%;
  height: 100%
  transition: 0.5s;
  object-fit: cover;

}

.img-zoom:hover{
  transform: scale(1.1);
  overflow: hidden;
}

.img-clientes{
  width: 220;
  height: 220;
  margin-top: 0px;
}

.img-comentarios{
  width: 220px;
  height: 220px;
  margin-top: 30px;
}
.img-comentarios1{
  width: 420px;
  height: 430px;
  margin-top: 0px;
}
.menu{
  padding:35px;
}
.menu-bar{
  background-color: #FFFFFF;
  padding:35px;
}
.articulo1{
  color: white;
  padding: 15px;
  background-color: green;
}
.nosotros{
  color:green;
  background-color: white;
  padding: 20px;
  font-family: Arial;
}
.busqueda{
  background-color: green;
  padding:50px;
  text-align: center;
}

.mas-buscados{
  padding:40px;
}
.img-social{
  width: 40px;
  margin: 70px 10px 20px 15px;
}
.img-pie{
  width: 40px;
  margin: 20px 10px 20px 15px;
}
.logo-img{
  width: 170px;
  height: 170px;
}
.navbar-nav.navbar-center {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    color: green;
}
.services-text{
  color: #FFFFFF;
  margin-top: 13px;
}
.bolsas-text{
  color: #FFFFFF;
  margin-top: 15px;
  text-align: justify;
}

@media (max-width: 768px){
  .img-social{
    width: 30px;
  }
  .img-pie{
    width: 30px;
  }
  .redes{
    width: 30px;
  }
  .head{
    text-align: center;
  }
  .pie{
    text-align: center;
  }
  .services-text{
    font-size: 10px;
  }
  .titulo-art{
    font-size: 10px;
  }
  .titulo-bolsas{
    font-size: 12px;
  }
  .mas-buscados{
    padding: 10px;
  }
  .img-comentarios{
    width: 200px;
    height: 120px;
  }
  .img-comentarios1{
    text-align: center;
    width: 100px;
    height: 100px;
  }
  .items{
    font-size: 10px;
  }
  .cont-img{
    text-align:center;
    padding:30px;
  }
  .sociales{
    padding:20px;
  }
  .menu{
    margin-top: 0px;
  }
  
}