1  @import './assets/styles/global.scss';
 2  
 3  .resources-wrap {
 4    padding: calculateRem(40) 0 calculateRem(60);
 5  
 6    @media (min-width: $desktop) {
 7      padding-top: calculateRem(80);
 8    }
 9  
10    h2 {
11      margin-bottom: calculateRem(24);
12  
13      @media (min-width: $tablet) {
14        text-align: center;
15      }
16    }
17  
18    .container {
19      max-width: calculateRem($big-container-width);
20    }
21  }
22  
23  .wordclouds-wrap {
24    display: grid;
25    grid-gap: calculateRem(24);
26    grid-template-columns: repeat(1fr);
27  
28    @media (min-width: $tablet) {
29      grid-gap: calculateRem(16);
30      grid-template-columns: repeat(2, 1fr);
31    }
32  
33    @media (min-width: $tablet) {
34      grid-gap: calculateRem(28);
35    }
36  }