/* CSS for smaller screen sizes (e.g., iPhones) */
@media only screen and (max-width: 480px) {
  /* Add your responsive styles here */
  /* For example, adjust font sizes or margins to fit smaller screens */
  body {
    font-size: 14px;
  }
}

/* CSS for larger screen sizes (e.g., iPads) */
@media only screen and (min-width: 768px) {
  /* Add your responsive styles here */
  /* For example, adjust layout or padding to fit larger screens */
}

/* CSS for landscape orientation on iOS devices */
@media only screen and (max-width: 1024px) and (orientation: landscape) {
  /* Add your landscape-specific styles here */
}