1 | body {
|
2 | margin: 0;
|
3 | background-color: #f5f5f5;
|
4 | font-family: "Roboto", Helvetica, Tahoma, sans-serif;
|
5 | }
|
6 |
|
7 | .header{
|
8 | font-size: 20px;
|
9 | color: rgb(66, 66, 66);
|
10 | letter-spacing: 0.02em;
|
11 | display:flex;
|
12 | align-items: center;
|
13 | height: 64px;
|
14 | padding: 0 16px 0 40px;
|
15 |
|
16 | font-family: "Roboto", Helvetica, Tahoma, sans-serif;
|
17 | }
|
18 |
|
19 | .ribbon {
|
20 | width: 100%;
|
21 | height: 40vh;
|
22 | background-color: #3F51B5;
|
23 | }
|
24 |
|
25 | .content {
|
26 | padding: 80px 56px;
|
27 | font-size: 14px;
|
28 | background-color: #ffffff;
|
29 | color: #424242;
|
30 | margin: calc(-35vh + 16px) auto 80px;
|
31 | max-width: 939px;
|
32 | width: calc(66.66667% - 138px);
|
33 | box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
|
34 | border-radius: 2px;
|
35 |
|
36 | line-height: 24px;
|
37 | }
|
38 |
|
39 | @media (max-width: 839px) {
|
40 | .content {
|
41 | width:calc(100% - 88px);
|
42 | padding: 40px 28px;
|
43 | }
|
44 |
|
45 | .header {
|
46 | height: 56px;
|
47 | }
|
48 | }
|
49 |
|
50 | .crumbs{
|
51 | color:#9e9e9e;
|
52 | line-height: 20px;
|
53 | }
|
54 |
|
55 | h3 {
|
56 | font-weight: normal;
|
57 | margin: 48px 0px 24px;
|
58 | font-size: 34px;
|
59 |
|
60 | font-family: "Roboto", Helvetica, Tahoma, sans-serif;
|
61 | line-height: 40px;
|
62 | }
|
63 |
|
64 | p {
|
65 | margin: 0 0 16px;
|
66 | } |
\ | No newline at end of file |