| Рядок 6: | Рядок 6: | ||
justify-content: center; | justify-content: center; | ||
max-width: 1900px; | max-width: 1900px; | ||
margin: | margin: 3em auto; | ||
padding: 0 | padding: 0 1.5em; | ||
} | } | ||
.flex-columns > div { | .flex-columns > div { | ||
flex: 1 1 520px; | flex: 1 1 520px; | ||
max-width: | max-width: 700px; | ||
background: #f9f9f9; | background: #f9f9f9; | ||
border: 1px solid #ddd; | border: 1px solid #ddd; | ||
border-radius: 12px; | border-radius: 12px; | ||
padding: | padding: 2.5em 2em; | ||
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05); | box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05); | ||
transition: transform 0.2s ease, box-shadow 0.2s ease; | transition: transform 0.2s ease, box-shadow 0.2s ease; | ||
| Рядок 32: | Рядок 32: | ||
display: flex; | display: flex; | ||
justify-content: center; | justify-content: center; | ||
margin-bottom: | margin-bottom: 1.5em; | ||
} | } | ||
.flex-columns img { | .flex-columns img { | ||
max-width: 100%; | max-width: 100%; | ||
max-height: | max-height: 7em; | ||
object-fit: contain; | object-fit: contain; | ||
} | } | ||
.flex-columns .categorytree { | .flex-columns .categorytree { | ||
text-align: left; | text-align: left !important; | ||
width: 100%; | width: 100% !important; | ||
font-size: | font-size: 1.15em !important; | ||
line-height: 1.75; | line-height: 1.75 !important; | ||
color: inherit !important; | |||
} | } | ||
.flex-columns h2 { | .flex-columns h2 { | ||
font-size: | font-size: 1.75em; | ||
color: #002855; | color: #002855; | ||
margin-bottom: | margin-bottom: 1.5em; | ||
border-bottom: 2px solid #0057b7; | border-bottom: 2px solid #0057b7; | ||
padding-bottom: | padding-bottom: 0.4em; | ||
text-align: center; | text-align: center; | ||
} | } | ||
}} | }} | ||
<div class="flex-columns"> | <div class="flex-columns"> | ||