14 /* Basic colors and fonts */
20 @include size(font-size, 13px);
25 text-decoration: none;
33 @include size(font-size, 35px);
35 @include size(margin-top, 14px);
43 @include size(font-size, 20px);
48 @include size(font-size, 15px);
55 @include size(margin, 0 5px);
57 @media screen and (min-width: 62.5em) {
63 @include size(padding, 10px);
77 @include size(font-size, 11px);
80 @include size(padding-left, 11px);
81 content: url("/static/img/arrow-teal.png");
82 vertical-align: middle;
87 .left-column, .right-column {
88 @include size(max-width, 600px);
90 @media screen and (min-width: 62.5em) {
92 @include size(width, 470px);
96 @include size(width, 470px);
103 @include size(font-size, 12px);
104 @include size(padding, 6px);
108 .simple-hidden-initially {
113 .plain-list-container {
117 -moz-column-count: 2;
118 -webkit-column-count: 2;
120 @media screen and (min-width: 768px) {
122 -moz-column-count: 4;
123 -webkit-column-count: 4;
125 @media screen and (min-width: 1024px) {
127 -moz-column-count: 5;
128 -webkit-column-count: 5;
135 -webkit-column-break-after: avoid;
141 display: inline-block;
161 @media screen and (min-width: 768px) {
162 display: inline-block;
166 @include size(margin-bottom, 10px);