* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: sans-serif; line-height: 1.6; color: #333; }

header { background: #0073a8; color: white; padding: 1em; text-align: center; }
nav a { color: white; margin: 0 0.5em; text-decoration: none; }
nav a:hover { text-decoration: underline; }

section { padding: 2em 1em; max-width: 800px; margin: auto; }
#hero { background: #f0f8ff; text-align: center; padding: 3em 1em; }
.call { font-size: 1.2em; margin-top: 0.5em; }

#services ul { list-style: none; columns: 2; gap: 1em; }
.gallery-grid { display: flex; gap: 0.5em; flex-wrap: wrap; }
.gallery-grid img { width: 100%; max-width: 200px; border-radius: 4px; }

blockquote { font-style: italic; margin: 1em 0; border-left: 4px solid #0073a8; padding-left: 1em; }
footer { background: #f8f8f8; text-align: center; padding: 1em; margin-top: 2em; }
form label { display: block; margin: 0.5em 0; }
input, textarea { width: 100%; padding: 0.5em; margin-top: 0.3em; }
button { background: #0073a8; color: white; padding: 0.7em 1.2em; border: none; cursor: pointer; }
button:hover { background: #005f80; }

@media (min-width: 600px) {
  .gallery-grid { justify-content: center; }
}