| ... |
... |
@@ -288,32 +288,34 @@ |
| 288 |
288 |
} |
| 289 |
289 |
|
| 290 |
290 |
/* CTA BAND */ |
| 291 |
|
- .cta-section { |
| 292 |
|
- padding: 40px 0; // similar spacing to hero |
| 293 |
|
- border-top: 1px solid @line; |
| 294 |
|
- |
| 295 |
|
- .cta-inner { |
| 296 |
|
- max-width: 760px; // same as hero-inner |
| 297 |
|
- margin: 0 auto; // center block |
| 298 |
|
- text-align: center; |
| 299 |
|
- padding: 24px; |
|
291 |
+ #contact { |
|
292 |
+ .cta-band { |
|
293 |
+ padding: 20px; |
| 300 |
300 |
background: #fff; |
| 301 |
301 |
border: 1px solid @line; |
| 302 |
302 |
border-radius: @radius; |
| 303 |
303 |
box-shadow: @shadow; |
|
298 |
+ margin-top: 24px; |
| 304 |
304 |
|
| 305 |
|
- h3 { |
| 306 |
|
- margin: 0 0 10px; |
| 307 |
|
- font-weight: 700; |
| 308 |
|
- } |
|
300 |
+ /* Remove row negative margins so borders look correct */ |
|
301 |
+ margin-left: 0; |
|
302 |
+ margin-right: 0; |
| 309 |
309 |
|
| 310 |
|
- .lead { |
| 311 |
|
- margin: 0 0 16px; |
| 312 |
|
- color: @muted; |
|
304 |
+ /* Enable vertical centering */ |
|
305 |
+ .row { |
|
306 |
+ display: flex; |
|
307 |
+ align-items: center; |
|
308 |
+ flex-wrap: wrap; // keeps mobile behavior correct |
| 313 |
313 |
} |
| 314 |
314 |
|
| 315 |
|
- .btn { |
| 316 |
|
- margin-top: 4px; |
|
311 |
+ .text-sm-right { |
|
312 |
+ text-align: center; |
|
313 |
+ margin-top: 12px; |
|
314 |
+ |
|
315 |
+ @media (min-width: 768px) { |
|
316 |
+ text-align: right; |
|
317 |
+ margin-top: 0; |
|
318 |
+ } |
| 317 |
317 |
} |
| 318 |
318 |
} |
| 319 |
319 |
} |
