/* responsive.css - Responsive Adjustments */

@media screen and (max-width: 768px) {
  .header h1 {
    font-size: 2.2rem;
  }

  .subtitle {
    font-size: 1rem;
  }

  .section h2 {
    font-size: 1.5rem;
  }

  .section p, .section ul {
    font-size: 1rem;
  }

  .contact-btn {
    padding: 10px 20px;
    font-size: 0.95rem;
  }
}

@media screen and (max-width: 480px) {
  .container {
    padding: 20px 15px;
  }

  .header h1 {
    font-size: 1.8rem;
  }

  .section {
    padding: 20px;
  }
}