/* Mobile-specific styles for michaelharper.net */

/* Small devices (phones, 576px and below) */
@media (max-width: 576px) {
  /* Tighten section padding on mobile */
  section.resume-section {
    padding: 2rem 0.75rem !important;
  }

  /* Smaller heading on mobile */
  h1.mb-0 {
    font-size: 2.5rem;
  }

  /* Contact info subheading */
  .subheading.mb-5 {
    font-size: 0.9rem;
    margin-bottom: 1rem !important;
  }

  /* Section titles */
  h2.mb-5 {
    font-size: 1.75rem;
    margin-bottom: 1.5rem !important;
  }

  /* Job titles */
  h3.mb-0 {
    font-size: 1.25rem;
  }

  /* Company names */
  .subheading.mb-3 {
    font-size: 1rem;
    margin-bottom: 0.5rem !important;
  }

  /* Job entry spacing */
  .d-flex.flex-column.flex-md-row.justify-content-between.mb-5 {
    margin-bottom: 1.5rem !important;
  }

  /* Date spans */
  .flex-shrink-0 .text-primary {
    font-size: 0.85rem;
  }

  /* Paragraphs */
  p {
    font-size: 0.95rem;
    line-height: 1.5;
  }

  /* Lead text */
  p.lead {
    font-size: 1rem;
    margin-bottom: 1rem !important;
  }

  /* Social icons - smaller on mobile */
  .social-icons .social-icon {
    height: 2.75rem;
    width: 2.75rem;
    font-size: 1.25rem;
    margin-right: 0.75rem;
  }

  /* Dev icons - smaller on mobile */
  .dev-icons {
    font-size: 2rem;
  }

  /* Skills list items */
  .fa-ul.mb-0 li {
    margin-bottom: 0.35rem;
    font-size: 0.9rem;
  }
}

/* Medium devices (tablets, 768px and below) */
@media (max-width: 768px) {
  section.resume-section {
    padding: 2.5rem 1rem !important;
  }

  h1.mb-0 {
    font-size: 3rem;
  }

  h2.mb-5 {
    margin-bottom: 1.75rem !important;
  }

  .d-flex.flex-column.flex-md-row.justify-content-between.mb-5 {
    margin-bottom: 1.75rem !important;
  }
}
