1  @import '../../common//styles/variables';
 2  
 3  .footer {
 4    display: flex;
 5    flex-direction: column;
 6    background-color: #eef2f5;
 7    font-family: $font;
 8    padding: calculateRem(40) calculateRem(32) calculateRem(32) calculateRem(32);
 9    margin-top: calculateRem(24);
10  }
11  
12  .footerItem {
13    text-decoration: none;
14    display: flex;
15    align-items: flex-start;
16    margin-bottom: calculateRem(24);
17    cursor: pointer;
18  
19    :last-of-type {
20      margin-bottom: 0;
21    }
22  
23    h2 {
24      color: $headline-color;
25      font-size: calculateRem(15);
26      line-height: calculateRem(22);
27      margin-bottom: calculateRem(2);
28      margin-top: calculateRem(12);
29      font-weight: 500;
30    }
31  
32    p {
33      color: $text-color;
34      font-size: calculateRem(13);
35      line-height: calculateRem(18);
36      margin-bottom: calculateRem(2);
37      margin-top: 0;
38    }
39  }
40  
41  .iconWrap {
42    background: $text-color;
43    padding: calculateRem(10);
44    padding-bottom: calculateRem(6);
45    border-radius: 50%;
46    margin-top: calculateRem(15);
47    margin-right: calculateRem(16);
48  }
49  
50  @media (min-width: $desktop) {
51    .footer {
52      flex-direction: row;
53    }
54  
55    .footerItem:not(:first-child) {
56      margin-left: 34px;
57    }
58  
59    .footerItem {
60      width: 0;
61      flex: 1 1 auto;
62    }
63  }