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;
}

#Hands {
  background-image: url("../../assets/img/hero2.png");
  background-position: 800px;
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
  #Hands {
    background-position: 230px;
  }
}

@media (min-width: 1200px) {
  #Hands {
    background-position: 400px;
  }
}

@media (min-width: 1399px) {
  #Hands {
    background-position: 393px;
  }
}

@media (min-width: 992px) {
  #hero-container {
    margin: 10px;
  }
}