@@ -4,8 +4,8 @@
6 font-family: 'Inter UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
6 font-family: 'Inter UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
7− font-size: 3.5rem;
7+ font-size: (3.5rem / 4);
8− line-height: 6rem;
8+ line-height: (6rem / 4);
9 color: #000000;
9 color: #000000;
@@ -14,7 +14,7 @@ a {
17− margin: 4rem 0;
17+ margin: (4rem / 4) 0;
18 width: 100%;
18 width: 100%;
@@ -27,18 +27,19 @@ iframe {
29.main-wrapper {
29.main-wrapper {
30− margin-top: 24rem;
30+ margin-top: (24rem / 4);
34 position: relative;
34 position: relative;
35 margin: 0 auto;
35 margin: 0 auto;
36− padding: 0 2rem;
36+ padding: 0 (4rem / 4);
37 max-width: 960px;
37 max-width: 960px;
40.container {
40.container {
41 display: flex;
41 display: flex;
42+ padding-bottom: (32rem / 4);
@@ -50,17 +51,17 @@ iframe {
51.container--fixed {
52.container--fixed {
52 position: fixed;
53 position: fixed;
53− margin-top: -24rem;
54+ margin-top: -(24rem / 4);
56.content-nav {
57.content-nav {
57 width: 20%;
58 width: 20%;
58 min-width: 200px;
59 min-width: 200px;
59− //padding-right: 1rem;
60+ padding-right: (1rem / 4);
60− margin-top: 24rem;
61+ margin-top: (24rem / 4);
62− line-height: 8rem;
63+ line-height: (8rem / 4);
63− margin-bottom: 1rem;
64+ margin-bottom: (1rem / 4);
66 font-size: inherit;
67 font-size: inherit;
@@ -70,8 +71,8 @@ iframe {
71.content-nav-icon {
72.content-nav-icon {
72 position: fixed;
73 position: fixed;
73− left: 2rem;
74+ left: (2rem / 4);
74− top: 24rem;
75+ top: (24rem / 4);
75 width: 10px;
76 width: 10px;
76 height: 10px;
77 height: 10px;
77 cursor: pointer;
78 cursor: pointer;
@@ -102,7 +103,7 @@ iframe {
104 .list:first-child {
105 .list:first-child {
105− padding-bottom: 14rem;
106+ padding-bottom: (14rem / 4);
107 .list li:last-child .subsub-list li:last-child {
108 .list li:last-child .subsub-list li:last-child {
108 padding-bottom: 0;
109 padding-bottom: 0;
@@ -113,10 +114,10 @@ iframe {
113.content-nav-spacer {
114.content-nav-spacer {
114 width: 20%;
115 width: 20%;
115 min-width: 200px;
116 min-width: 200px;
116− padding-right: 5rem;
117+ padding-right: (5rem / 4);
117 &__item {
118 &__item {
118− line-height: 8rem;
119+ line-height: (8rem / 4);
119− margin-bottom: 1rem;
120+ margin-bottom: (1rem / 4);
@@ -128,7 +129,7 @@ iframe {
128.content {
129.content {
129 position: relative;
130 position: relative;
130 z-index: 3;
131 z-index: 3;
131− margin-top: -16rem;
132+ margin-top: -(16rem / 4);
134.content-nav-icon {
135.content-nav-icon {
@@ -147,12 +148,12 @@ iframe {
149.sub-list {
150.sub-list {
150− padding-left: 4rem;
151+ padding-left: (4rem / 4);
151 .sub-list {
152 .sub-list {
152 padding-left: 0;
153 padding-left: 0;
154 .subsub-list {
155 .subsub-list {
155− padding-left: 4rem;
156+ padding-left: (4rem / 4);
@@ -167,12 +168,12 @@ iframe {
167 display: flex;
168 display: flex;
168 justify-content: flex-start;
169 justify-content: flex-start;
169 .list__item {
170 .list__item {
170− margin-right: 4rem;
171+ margin-right: (4rem / 4);
174.body-regular {
175.body-regular {
175− margin-bottom: 7rem;
176+ margin-bottom: (7rem / 4);
178.video-wrapper {
179.video-wrapper {
@@ -196,7 +197,7 @@ iframe {
198 position: fixed;
199 position: fixed;
199− height: 24rem;
200+ height: (24rem / 4);
200 width: 100%;
201 width: 100%;
201 z-index: 2;
202 z-index: 2;
@@ -209,24 +210,24 @@ iframe {
209 supported by Chrome and Opera */
210 supported by Chrome and Opera */
210 &__navigation {
211 &__navigation {
211 display: none;
212 display: none;
212− padding-top: 9rem;
213+ padding-top: (9rem / 4);
214 &__nav-icon {
215 &__nav-icon {
215 position: absolute;
216 position: absolute;
216− margin-left: 2rem;
217+ margin-left: (4rem / 4);
217− width: 6rem;
218+ width: (6rem / 4);
218− height: 10rem;
219+ height: (10rem / 4);
220− top: 6rem;
221+ top: (6rem / 4);
221 z-index: 3;
222 z-index: 3;
222 cursor: pointer;
223 cursor: pointer;
223 &:before, &:after {
224 &:before, &:after {
224 content: '';
225 content: '';
225 position: absolute;
226 position: absolute;
226 width: 100%;
227 width: 100%;
227− height: 1rem;
228+ height: (1rem / 4);
228 background: #000;
229 background: #000;
229− margin-bottom: 4rem;
230+ margin-bottom: (4rem / 4);
230 top: 50%;
231 top: 50%;
232 transform-origin: 50%;
233 transform-origin: 50%;
@@ -273,7 +274,7 @@ iframe {
274 &__content {
275 &__content {
275 z-index: 3;
276 z-index: 3;
276− margin-left: -8rem;
277+ margin-left: -(8rem / 4);
@@ -418,10 +419,10 @@ textarea, input[type="text"], input[type="email"], input[type="number"], input[t
418button, .btn {
419button, .btn {
419 font-family: 'Inter UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
420 font-family: 'Inter UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
420 font-weight: 500;
421 font-weight: 500;
421− font-size: 4rem;
422+ font-size: (4rem / 4);
422− line-height: 4rem;
423+ line-height: (4rem / 4);
423 user-select: none;
424 user-select: none;
424− padding: 3rem 6rem;
425+ padding: (3rem /4) (6rem / 4);
425 margin: 0 0 6px;
426 margin: 0 0 6px;
426 border: none;
427 border: none;
427 cursor: pointer;
428 cursor: pointer;
@@ -526,7 +527,7 @@ button, .btn {
526 font-weight: 700;
527 font-weight: 700;
529−.h-font {
530+.lowercase {
530 text-transform: lowercase;
531 text-transform: lowercase;
@@ -539,59 +540,59 @@ h1, h2, h3, h4 {
539 font-weight: 700;
540 font-weight: 700;
542− font-size: 8rem;
543+ font-size: (8rem / 4);
543− line-height: 8rem;
544+ line-height: (8rem / 4);
546− font-size: 6rem;
547+ font-size: (6rem / 4);
547− line-height: 6rem;
548+ line-height: (6rem / 4);
550− font-size: 5rem;
551+ font-size: (5rem / 4);
551− line-height: 5rem;
552+ line-height: (5rem / 4);
554− font-size: 4.5rem;
555+ font-size: (4.5rem / 4);
555− line-height: 4.5rem;
556+ line-height: (4.5rem / 4);
558− font-size: 4rem;
559+ font-size: (4rem / 4);
559− line-height: 4rem;
560+ line-height: (4rem / 4);
562.article {
563.article {
564− margin-bottom: 7rem;
565+ margin-bottom: (7rem / 4);
567− margin-top: 8rem;
568+ margin-top: (8rem / 4);
568− margin-bottom: 4rem;
569+ margin-bottom: (4rem / 4);
571− margin-top: 7rem;
572+ margin-top: (7rem / 4);
572− margin-bottom: 3rem;
573+ margin-bottom: (3rem / 4);
575− margin-top: 6.5rem;
576+ margin-top: (6.5rem / 4);
576− margin-bottom: 2.5rem;
577+ margin-bottom: (2.5rem / 4);
579− margin-top: 6rem;
580+ margin-top: (6rem / 4);
580− margin-bottom: 2rem;
581+ margin-bottom: (2rem / 4);
585− font-size: 4rem;
586+ font-size: (4rem / 4);
586− line-height: 8rem;
587+ line-height: (8rem / 4);
587 font-weight: 400;
588 font-weight: 400;
591− font-size: 4rem;
592+ font-size: (4rem / 4);
592 font-weight: 400;
593 font-weight: 400;
593− line-height: 8rem;
594+ line-height: (8rem / 4);
594− margin: 0 0 4rem;
595+ margin: 0 0 (4rem / 4);
597pre, code {
598pre, code {
@@ -603,6 +604,47 @@ pre, code {
604 color: #000 !important;
605 color: #000 !important;
606− padding: 1rem;
607+ padding: (1rem / 4);
607− font-size: 4rem;
608+ font-size: (4rem / 4);
611+textarea, input[type="text"], input[type="email"], input[type="number"] {
612+ border: 1px solid #B1B2B3;
613+ font-family: "Source Code Pro", mono;
614+ font-size: (4rem / 4);
615+ line-height: (6rem / 4);
616+ transition: all 0.1s linear;
617+ padding-right: 40px;
620+ border: 1px solid #000000;
622+ &:required, &:invalid {
623+ box-shadow: none !important;
624+ border: 1px solid #EE892B;
637+ transform: translate(0,-50%);
642+ input[type="text"], input[type="email"], input[type="number"] {
643+ border: 1px solid #2AA779;
647+#mc_embed_signup form {
649+ text-align: inherit;