@media (max-width: 768px) {
/* This is used for css debugging */
  /* *  {outline: 1px solid red;
  } */
  #hero {
    height: auto !important;
    min-height: auto !important;
    padding: 5rem 1.25rem 2.5rem !important;
    margin-top: 0 !important;
  }

  #hero > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 1.5rem !important;
    min-height: auto !important;
  }

  #hero img {
    width: 100% !important;
    max-width: 320px !important;
    height: auto !important;
  }
}


stripe-buy-button {
  display: flex;
  justify-content: center;
}