img {
  max-width: 100%;
}

.c-gray {
  color: #353535;
}

.c-medicamentos {
color: #2B879B;
}

.c-cosmeticos {
  color: #9B2B61;
}

.c-suplementos {
  color: #9B7C2B;
}

.bg-medicamentos,
.bg-medicamentos:hover {
  background-color: #2B879B;
}

.bg-suplementos,
.bg-suplementos:hover {
  background-color: #9B7C2B;
}

.bg-cosmeticos,
.bg-cosmeticos:hover {
  background-color: #9B2B61;
}

.btn.bg-medicamentos {
  border-color: #2B879B;
}
.btn.bg-suplementos {
  border-color: #9B7C2B;
}
.btn.bg-cosmeticos {
  border-color: #9B2B61;
}

.btn.bg-medicamentos,
.btn.bg-suplementos,
.btn.bg-cosmeticos {
  background-image: none;
  transition: .5s all;
  padding: 8px 24px;
}

.btn.bg-medicamentos:hover,
.btn.bg-suplementos:hover,
.btn.bg-cosmeticos:hover {
  opacity: 0.7;
}

.btn-outline-primary {
  color: #2b4b9b !important;
  border-color: #2b4b9b !important;
}

.btn-outline-primary:hover {
  background-color: #2b4b9b;
  color: #fff !important;
  border-color: #2b4b9b !important;

}

.divider {
  border-top: solid 3px;
  opacity: 1;
  margin: 40px auto;
  width: 66%;
}