#welcome-ribbon {
  justify-content: center;
}

#welcome-ribbon footer button {
  font-family: var(--primary-font);
  font-size: 1.25rem;
  font-weight: bold;
}

#welcome-ribbon footer button:hover {
  outline: solid 1px white !important;
}

#live-wellness-registration-popup {
  font-family: var(--primary-font);
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

#live-wellness-registration-popup h1 {
  font-size: 2rem;
  font-weight: bold;
}

#live-wellness-registration-popup p {
  font-size: 1.5rem;
}

#live-wellness-registration-popup .resource-links {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

#live-wellness-registration-popup .resource-link {
  font-size: 0.75rem;
  text-align: center;
}

@media screen and (min-width: 768px) {
  #welcome-ribbon {
    justify-content: space-between;
  }

  #live-wellness-registration-popup .resource-links {
    flex-direction: row;
  }
}