h1, h2, h3, h4, h5, h6 {
  font-family: 'Oswald', sans-serif;
}

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

@media (max-width: 576px) {
  #Recaldent {
    display: none;
  }
}

@media (max-width: 768px) {
  #dentist-office {
    display: none;
  }
}

#hero {
  background-color: var(--bs-primary);
  background-image: url("../../assets/img/Perio-mobile-BG.png");
  background-repeat: no-repeat;
  background-position: 62% 50%;
  background-size: cover;
}

@media (min-width: 992px) {
  #hero {
    background-color: var(--bs-primary);
    background-image: url("../../assets/img/Perio-BG.png");
    background-repeat: no-repeat;
    background-position: 50% 69%;
    background-size: 150%;
  }
}

@media (min-width: 1200px) {
  #hero {
    background-color: var(--bs-primary);
    background-image: url("../../assets/img/Perio-BG.png");
    background-repeat: no-repeat;
    background-position: 59% 50%;
    background-size: 126%;
  }
}

@media (min-width: 992px) {
  #header {
    width: 90%;
  }
}