| ... |
... |
@@ -290,27 +290,24 @@ |
| 290 |
290 |
/* CTA BAND */ |
| 291 |
291 |
#contact { |
| 292 |
292 |
.cta-band { |
|
293 |
+ padding: 20px; |
| 293 |
293 |
background: #fff; |
| 294 |
294 |
border: 1px solid @line; |
| 295 |
295 |
border-radius: @radius; |
| 296 |
296 |
box-shadow: @shadow; |
| 297 |
|
- padding: 20px; |
| 298 |
298 |
margin-top: 24px; |
| 299 |
299 |
|
| 300 |
|
- /* Remove Bootstrap row negative margins so borders are clean */ |
|
300 |
+ /* Remove row negative margins so borders look correct */ |
| 301 |
301 |
margin-left: 0; |
| 302 |
302 |
margin-right: 0; |
| 303 |
303 |
|
| 304 |
|
- h3 { |
| 305 |
|
- margin: 0 0 4px; |
|
304 |
+ /* Enable vertical centering */ |
|
305 |
+ .row { |
|
306 |
+ display: flex; |
|
307 |
+ align-items: center; |
|
308 |
+ flex-wrap: wrap; // keeps mobile behavior correct |
| 306 |
306 |
} |
| 307 |
307 |
|
| 308 |
|
- .lead { |
| 309 |
|
- margin: 0; |
| 310 |
|
- color: @muted; |
| 311 |
|
- } |
| 312 |
|
- |
| 313 |
|
- /* Align button on the right on sm+, center on mobile */ |
| 314 |
314 |
.text-sm-right { |
| 315 |
315 |
text-align: center; |
| 316 |
316 |
margin-top: 12px; |
