/* ----------- MOBILE ---------- */


picture.top-image {
    display: flex;
    justify-content: center;
    margin-bottom: 1em;
    margin-top: .5em;
}

img.top-image {
    border-radius: .32em;
    box-shadow: 0 .625em 1.6em rgba(0,0,0,.2);
}

p {
    text-align: justify;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1em;
}

h2 {
    font-size: 1.2em;
    margin-bottom: 1em;
}

.payment-option {
  margin: 2rem 0; /* Adds vertical space above and below */
  padding: 1rem;   /* Optional: adds internal spacing */
}

.payment-options {
  display: flex;            /* enable flexbox */
  flex-wrap: wrap;          /* allow wrapping to multiple lines if needed */
  justify-content: center;  /* center items horizontally */
  gap: 20px;                /* optional, space between items */
  padding: 20px;            /* optional, some padding */
}

.payment-option {
  flex: 1 1 250px;          /* flexible width, minimum 250px */
  max-width: 300px;         /* optional max width */
  box-sizing: border-box;   /* include padding/border in width */
  text-align: center;       /* center text inside each payment option */
  /* add padding/border/background if you want */
}


 /* ----------- MOBILE FOOTER ------------------------ */

ul#footer-links {
    font-size: .8em;
}


@media screen and (min-width: 800px) {
    
/* ---------------- TABLET RESPONSE >= 800 px --------------------------- */

body {
    font-size: 1.7rem;
}

h1#header {
    font-size: 2.5em;
}

p {
    font-size: 1.2em;
}

p.bottom {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 2.5rem;
}

ul#footer-links {
    font-size: 1em;
}

}


@media screen and (min-width: 1150px) {

/* ------------------ SMALL COMPUTER >= 1150 px --------------------- */


body {
    font-size: 1.8rem;
}

h1#header {
    font-size: 2.65em;
}

}