/* File: media.css */

/* Large screens (default handled in style.css) */

/* Desktops and laptops */
@media (max-width: 1200px) {
  .overlay h1 { font-size: 3.5rem; }
  .overlay p { font-size: 1.3rem; }
}

/* Tablets landscape */
@media (max-width: 992px) {
  .overlay h1 { font-size: 3rem; }
  .overlay p { font-size: 1.2rem; }
}

/* Tablets portrait */
@media (max-width: 768px) {
  .overlay h1 { font-size: 2.5rem; }
  .overlay p { font-size: 1.1rem; }
}

/* Phones */
@media (max-width: 576px) {
  .overlay h1 { font-size: 2rem; }
  .overlay p { font-size: 1rem; }
}