| ... |
... |
@@ -290,33 +290,9 @@ |
| 290 |
290 |
/* CTA BAND */ |
| 291 |
291 |
#contact { |
| 292 |
292 |
.cta-band { |
| 293 |
|
- padding: 20px; |
| 294 |
|
- background: #fff; |
| 295 |
|
- border: 1px solid @line; |
| 296 |
|
- border-radius: @radius; |
| 297 |
|
- box-shadow: @shadow; |
| 298 |
|
- margin-top: 24px; |
| 299 |
|
- |
| 300 |
|
- /* Remove row negative margins so borders look correct */ |
| 301 |
|
- margin-left: 0; |
| 302 |
|
- margin-right: 0; |
| 303 |
|
- |
| 304 |
|
- /* Enable vertical centering */ |
| 305 |
|
- .row { |
| 306 |
|
- display: flex; |
| 307 |
|
- align-items: center; |
| 308 |
|
- flex-wrap: wrap; // keeps mobile behavior correct |
| 309 |
|
- } |
| 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 |
|
- } |
| 319 |
|
- } |
|
293 |
+ background: #fff; border: 1px solid @line; border-radius: @radius; |
|
294 |
+ padding: 20px; box-shadow: @shadow; |
|
295 |
+ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; |
| 320 |
320 |
} |
| 321 |
321 |
} |
| 322 |
322 |
|
