| ... |
... |
@@ -290,9 +290,36 @@ |
| 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 |
+ background: #fff; |
|
294 |
+ border: 1px solid @line; |
|
295 |
+ border-radius: @radius; |
|
296 |
+ box-shadow: @shadow; |
|
297 |
+ padding: 20px; |
|
298 |
+ margin-top: 24px; |
|
299 |
+ |
|
300 |
+ /* Remove Bootstrap row negative margins so borders are clean */ |
|
301 |
+ margin-left: 0; |
|
302 |
+ margin-right: 0; |
|
303 |
+ |
|
304 |
+ h3 { |
|
305 |
+ margin: 0 0 4px; |
|
306 |
+ } |
|
307 |
+ |
|
308 |
+ .lead { |
|
309 |
+ margin: 0; |
|
310 |
+ color: @muted; |
|
311 |
+ } |
|
312 |
+ |
|
313 |
+ /* Align button on the right on sm+, center on mobile */ |
|
314 |
+ .text-sm-right { |
|
315 |
+ text-align: center; |
|
316 |
+ margin-top: 12px; |
|
317 |
+ |
|
318 |
+ @media (min-width: 768px) { |
|
319 |
+ text-align: right; |
|
320 |
+ margin-top: 0; |
|
321 |
+ } |
|
322 |
+ } |
| 296 |
296 |
} |
| 297 |
297 |
} |
| 298 |
298 |
|
