@use "../../../styles/abstracts/variables";

.welcome {
  margin-bottom: 1.5rem;
  margin-top: 2rem;

  @media only screen and (max-width: 1000px) {
    margin-bottom: 1rem;
    margin-top: 0 !important;
  }

  h1 {
    font-weight: 700 !important;
    font-size: 1.5rem;
    color: #003845; // church green, stands out on #F8F8F8

    @media only screen and (max-width: 1000px) {
      font-size: 1.2rem;
    }
  }

  h3 {
    color: rgba(0, 56, 69, 0.7); // softer green variant for subtitle
    font-weight: 500;
    font-size: 0.82rem;
    line-height: 1.3;
    opacity: 0.85;

    @media only screen and (max-width: 1000px) {
      font-size: 0.78rem;
    }
  }
}