.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}

@media (min-width: 300px) {
  #headpara {
    font-size: 16px;
  }
}

@media (min-width: 992px) {
  #headpara {
    width: 800px;
    font-family: 'Josefin Sans', sans-serif;
  }
}