/*
 * Contact block above the footer: stack photo/contact info and form below
 * 1024px. footer.php splits them 1/3 - 2/3 from md (768px), which is too
 * narrow for the 175px photo + contact details on tablets. The lg: width
 * classes are not in the compiled Tailwind build, hence plain CSS.
 * (c) TwistedMinds, Gerry Uytdenhouwen — 2026-10-26
 */

@media (min-width: 768px) and (max-width: 1023.98px) {
  #contact .md\:w-1\/3,
  #contact .md\:w-2\/3 {
    width: 100%;
  }

  #contact .md\:w-1\/3 {
    margin-bottom: 2rem;
  }
}