/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

.w-100 {
  width: 100%;
}
.vh-100-80px {
  height: calc(100vh - 80px) !important;
}
.h-300px {
  height: 300px;
}
.h-600px {
  height: 600px;
}

.btn-light:hover span {
  color: #333 !important;
  font-weight: 700;
}

.mt-9 {
  margin-top: 9rem !important;
}
.mt-18 {
  margin-top: 18rem !important;
}

.bg-sandalias {
  background-image: url('../images/products/sandalias.jpg');
}
.bg-tenis {
  background-image: url('../images/products/tenis.jpg');
}
.bg-oculos {
  background-image: url('../images/products/oculos-sm.jpg');
}
.bg-perfumes {
  background-image: url('../images/products/perfumes.jpg');
}