]>
Commit | Line | Data |
---|---|---|
19b7ebfa RK |
1 | @import '_variables'; |
2 | @import '_mixins'; | |
3 | ||
767619f6 | 4 | .root { |
a51bad1a | 5 | height: 100%; |
19b7ebfa RK |
6 | margin-left: auto; |
7 | margin-right: auto; | |
a51bad1a | 8 | text-align: center; |
191764f3 | 9 | padding-top: 150px; |
19b7ebfa RK |
10 | display: flex; |
11 | justify-content: center; | |
12 | flex-direction: column-reverse; | |
13 | ||
14 | .box { | |
15 | text-align: left; | |
16 | font-size: 120%; | |
17 | padding: 0 15px; | |
18 | } | |
a51bad1a | 19 | |
767619f6 | 20 | img { |
19b7ebfa | 21 | margin-left: auto; |
e8146195 C |
22 | width: 220px; |
23 | height: auto; | |
767619f6 C |
24 | } |
25 | ||
19b7ebfa RK |
26 | @media screen and (max-width: $mobile-view) { |
27 | img { | |
28 | margin-right: auto; | |
29 | } | |
30 | } | |
31 | ||
32 | @media screen and (min-width: $mobile-view) { | |
33 | width: 400px; | |
34 | } | |
35 | ||
36 | @media screen and (min-width: #{breakpoint(lg)}) { | |
37 | width: 600px; | |
38 | } | |
39 | ||
40 | @media screen and (min-width: #{breakpoint(xl)}) { | |
41 | width: 700px; | |
42 | } | |
43 | ||
44 | @media screen and (min-width: #{breakpoint(xxl)}) { | |
45 | width: 800px; | |
767619f6 C |
46 | } |
47 | ||
48 | @media screen and (max-height: 600px) { | |
49 | padding-top: 50px; | |
e8146195 C |
50 | |
51 | img { | |
52 | width: 160px; | |
53 | } | |
767619f6 C |
54 | } |
55 | } |