/* =========================================================
   RESPONSIVE LAYOUT IMPROVEMENTS
   ========================================================= */

/* Tablets */
@media (max-width: 1024px) {
  h1 {
    font-size: 2.2rem;
  }

  .header-inner {
    padding: 10px 0;
  }

  .hero {
    padding: 80px 0 60px;
  }
}

/* Mobile Large */
@media (max-width: 768px) {

  .split {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .hero {
    padding: 70px 0 50px;
  }

  h1 {
    font-size: 1.9rem;
  }

  .subheading {
    font-size: 1.05rem;
  }

  .service-grid,
  .resource-grid,
  .portfolio-grid,
  .blog-grid,
  .industry-grid,
  .values-grid,
  .benefits-grid,
  .job-list {
    grid-template-columns: 1fr 1fr;
  }
}

/* Mobile Small */
@media (max-width: 560px) {

  .nav-list {
    width: 90%;
    right: 5%;
  }

  h1 {
    font-size: 1.7rem;
  }

  .hero {
    padding: 60px 0 40px;
  }

  .service-grid,
  .resource-grid,
  .portfolio-grid,
  .blog-grid,
  .industry-grid,
  .values-grid,
  .benefits-grid,
  .job-list {
    grid-template-columns: 1fr;
  }

  .btn {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 420px) {
  .site-logo img {
    height: 34px;
  }

  .hero {
    padding: 50px 0 35px;
  }

  h1 {
    font-size: 1.5rem;
  }
}