h1,
h2,
h3,
h4,
h5,
h6 {
  color: #2d5c88;
}
.topbar {
  background-color: #2d5c88;
}
.carousel-inicio {
  max-height: 500px;
}
.marca-item a {
  background-color: rgba(0, 0, 0, 0.14);
}
.marca-item a:hover {
  background-color: #2d5c88;
  -webkit-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}
.marca-item a img {
  max-width: 100%;
}
footer {
  background-color: #272727;
  color: #808080;
}
footer > .copyright {
  background-color: #171717;
}
footer a {
  text-decoration: none;
  color: #808080;
}
.imgprod {
  max-width: 100%;
}
.imgprod:hover {
  transform: scale(1.1);
  -webkit-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
}
.categoriaproducto {
  color: #2d5c88;
  font-weight: bolder;
}
.menu-principal a {
  color: #58585a;
}
.menu-principal a:hover {
  color: #2d5c88;
  font-weight: bold;
  -webkit-transition: font-weight 0.1s linear 0s;
  -ms-transition: font-weight 0.1s linear 0s;
  transition: font-weight 0.1s linear 0s;
}
@media (min-width: 640px) {
  .marca-item {
    width:0% !important;
  }
  .btn-wa img {
    height: 5rem;
    width: 5rem;
  }
}
@media (min-width: 768px) {
  .marca-item {
    width: 0% !important;
  }
  .btn-wa img {
    height: 5rem;
    width: 5rem;
  }
}
@media (min-width: 992px) {
  .marca-item {
    width: 0% !important;
  }
}
@media (min-width: 1200px) {
  .marca-item {
    width: 0% !important;
  }
}



.btn-wa {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 100000;

}

.btn-wa img {
  width: 7rem;
  height: auto;
}

.cuadrado {
  width: 100%;         
  color: white;  
  background: #01598c;  
  margin-top: -1rem;
}