| ... |
... |
@@ -289,12 +289,12 @@ |
| 289 |
289 |
|
| 290 |
290 |
/* CTA BAND */ |
| 291 |
291 |
.cta-section { |
| 292 |
|
- padding: 48px 0; |
|
292 |
+ padding: 40px 0; // similar spacing to hero |
| 293 |
293 |
border-top: 1px solid @line; |
| 294 |
294 |
|
| 295 |
295 |
.cta-inner { |
| 296 |
|
- max-width: 760px; |
| 297 |
|
- margin: 0 auto; |
|
296 |
+ max-width: 760px; // same as hero-inner |
|
297 |
+ margin: 0 auto; // center block |
| 298 |
298 |
text-align: center; |
| 299 |
299 |
padding: 24px; |
| 300 |
300 |
background: #fff; |
| ... |
... |
@@ -301,6 +301,17 @@ |
| 301 |
301 |
border: 1px solid @line; |
| 302 |
302 |
border-radius: @radius; |
| 303 |
303 |
box-shadow: @shadow; |
|
304 |
+ |
|
305 |
+ h3 { |
|
306 |
+ margin: 0 0 10px; |
|
307 |
+ font-weight: 700; |
|
308 |
+ } |
|
309 |
+ |
|
310 |
+ .lead { |
|
311 |
+ margin: 0 0 16px; |
|
312 |
+ color: @muted; |
|
313 |
+ } |
|
314 |
+ |
| 304 |
304 |
.btn { |
| 305 |
305 |
margin-top: 4px; |
| 306 |
306 |
} |
