| ... |
... |
@@ -288,34 +288,32 @@ |
| 288 |
288 |
} |
| 289 |
289 |
|
| 290 |
290 |
/* CTA BAND */ |
| 291 |
|
- #contact { |
| 292 |
|
- .cta-band { |
| 293 |
|
- padding: 20px; |
|
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; |
| 294 |
294 |
background: #fff; |
| 295 |
295 |
border: 1px solid @line; |
| 296 |
296 |
border-radius: @radius; |
| 297 |
297 |
box-shadow: @shadow; |
| 298 |
|
- margin-top: 24px; |
| 299 |
299 |
|
| 300 |
|
- /* Remove row negative margins so borders look correct */ |
| 301 |
|
- margin-left: 0; |
| 302 |
|
- margin-right: 0; |
|
305 |
+ h3 { |
|
306 |
+ margin: 0 0 10px; |
|
307 |
+ font-weight: 700; |
|
308 |
+ } |
| 303 |
303 |
|
| 304 |
|
- /* Enable vertical centering */ |
| 305 |
|
- .row { |
| 306 |
|
- display: flex; |
| 307 |
|
- align-items: center; |
| 308 |
|
- flex-wrap: wrap; // keeps mobile behavior correct |
|
310 |
+ .lead { |
|
311 |
+ margin: 0 0 16px; |
|
312 |
+ color: @muted; |
| 309 |
309 |
} |
| 310 |
310 |
|
| 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 |
|
- } |
|
315 |
+ .btn { |
|
316 |
+ margin-top: 4px; |
| 319 |
319 |
} |
| 320 |
320 |
} |
| 321 |
321 |
} |
