| ... |
... |
@@ -290,9 +290,33 @@ |
| 290 |
290 |
/* CTA BAND */ |
| 291 |
291 |
#contact { |
| 292 |
292 |
.cta-band { |
| 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; |
|
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 |
+ } |
| 296 |
296 |
} |
| 297 |
297 |
} |
| 298 |
298 |
|
