h1, h2, h3, h4, h5, h6 {
  font-family: 'Oswald', sans-serif;
  color: var(--bs-primary);
}

html, p, small {
  font-family: 'Open Sans', sans-serif;
}

small {
  font-size: 0.7rem;
  font-style: italic;
}

#packshot {
  display: none;
}

@media (min-width: 992px) {
  #packshot {
    display: inline;
  }
}

.paint-stroke {
  margin: auto;
  background: url("../../assets/img/brush-stroke-bg.png") center / 100% 100% no-repeat;
  width: fit-content;
  min-width: 340px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#title {
  margin: inherit;
}

@media (min-width: 992px) {
  #title {
    margin: 0 0 0 calc(0rem - 4vw);
  }
}

@media (min-width: 768px) {
  #gloss {
    margin: 0 0 0 -3rem;
  }
}