styles.css

/* general */

html, body {
  height: 100%;
}

body {
  color: #111111;
  font-family: 'Roboto', sans-serif;
  display: flex;
  flex-direction: column;
}

hr {
  border-top: 1px solid #b4b2bb;
}

.text-muted {
  color: #707070;
}

.badge {
  display: inline-block !important;
  width: 18px;
  height: 18px;
  color: #111111;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  border-radius: 50%;
  padding-left: 3px;
}

.badge.badge-blue {
  background-color: #4bc7c7;
  padding-top: 5px;
}

/*header*/

header .badge.badge-blue {
  transform: translateY(-3px);
}

header .navbar {
  height: 38px;
}

header .h-free-shipping {
  font-size: 15px;
}

header .h-free-shipping span:first-child {
  font-weight: bold;
}

header .h-free-shipping span:last-child {
  font-size: 12px;
  cursor: pointer;
  text-decoration: underline;
}

header .h-controls {
  display: flex;
  justify-content: flex-end;
}

header .h-control {
  display: flex;