blob: a12befa7774f7ddeb8fe8b02b3bfba5eced1d668 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
|
@import ../settings.sass
section.inform-columns
div.inform-column__inner
display: grid
grid-template-columns: 1fr 1fr
grid-gap: 23px 30px
+resp(lg)
grid-gap: 20px
+resp(sm)
grid-template-columns: 1fr
div.inform-column__item
background: #F3F4F4
display: grid
grid-template-rows: auto 1fr auto
grid-gap: 40px
padding: 48px 54px 59px
+resp(md)
padding: 30px 25px
+resp(sm)
padding: 30px 24px 40px
grid-gap: 15px
grid-template-rows: auto 1fr 65px
div.inform-column__header
display: flex
align-items: center
div.inform-column__icon
padding-right: 19px
div.inform-column__title
h3
font-family: $lato
font-weight: bold
font-size: 28px
line-height: 150%
letter-spacing: 0.02em
color: #000000
+resp(sm)
font-size: 21px
div.inform-column__data
p
text-align: left
margin-bottom: 29px
font-size: 16px
&:last-child
margin-bottom: 10px
+resp(sm)
margin-bottom: 0
+resp(sm)
line-height: 180%
font-size: 14px
margin-bottom: 25px
div.inform-column__button
+resp(sm)
align-self: end
a.inform-column__btn
max-width: 311px
width: 100%
height: 58px
display: flex
align-items: center
justify-content: center
background: $orange
border: 1px solid $orange
font-family: $lato
font-weight: 900
font-size: 16px
line-height: 15px
color: $black
text-decoration: none
transition: 0.3s
+resp(sm)
height: 38px
width: 100%
font-size: 14px
line-height: 96%
&:hover
background: $white
|
