/* Centered layout selected for the service site. */
.site-header { position: relative; }
.header-inner { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: 6px 24px; padding-block: 18px 8px; }
.brand { grid-column: 2; grid-row: 1; justify-self: center; }
.brand img { width: 300px; height: 75px; }
.desktop-nav { grid-column: 1/-1; grid-row: 2; justify-content: center; margin: 0; gap: 12px 36px; }
.header-phone { grid-column: 3; grid-row: 1; justify-self: end; text-align: right; }
.menu-toggle { grid-column: 3; grid-row: 1; justify-self: end; margin: 0; }
.mobile-nav { text-align: center; }
.container { width: min(1160px,calc(100% - 80px)); }
.section-heading, .page-intro, .process-section .section-heading { text-align: center; margin-inline: auto; }
.section-heading p, .page-intro p, .page-intro h1 { margin-inline: auto; }
.split-heading { display: block; }
.split-heading .section-intro { max-width: 54ch; margin: 20px auto 0; }
.split-heading .rating { margin: 24px auto 0; }
.section-bottom { justify-content: center; flex-wrap: wrap; text-align: center; }
.category-links, .social-links { justify-content: center; }
.site-footer { text-align: center; }
.footer-grid p { margin-inline: auto; }
.hero .actions { justify-content: center; margin-inline: auto; }
.hero h1, .hero-title, .hero-description, .hero-caption { margin-inline: auto; }
.hero-content { text-align: center; }
.conditions-grid summary { text-align: center; padding-inline: 26px; }
.conditions-grid p { text-align: center; }
@media(max-width:80em) { .container { width: calc(100% - 48px); } }
@media(max-width:42em) {
  .container { width: calc(100% - 40px); }
  .header-inner { grid-template-columns: minmax(0,1fr); gap: 4px; padding-top: 16px; }
  .brand { grid-column: 1; }
  .brand img { width: 250px; max-width: 100%; height: 63px; }
  .menu-toggle { grid-column: 1; grid-row: 2; justify-self: center; min-height: 44px; }
  .hero .actions { flex-direction: column; }
  .section-bottom .text-link { margin-top: 0; }
}
