@media (max-width:700px) {
  body { background:#fff; }
  .site-header { margin-top:0; }
  .main-navigation ul { display:grid; grid-template-columns:repeat(2,1fr); }
  .main-navigation li:last-child { grid-column:1 / -1; }
  .main-navigation a { text-align:center; border-bottom:1px solid #444; }
  .page-section { padding:1.6rem 1.15rem; }
  .service-grid, .post-grid { grid-template-columns:1fr; }
  h1 { font-size:1.85rem; }
  .site-footer { margin-bottom:0; }
}
@media (max-width:420px) { .main-navigation ul { grid-template-columns:1fr; } .main-navigation li:last-child { grid-column:auto; } }