@@ -45,7 +45,7 @@ iframe {
4545.pop-up {
4646 width: 100%;
4747 max-width: 600px;
48− margin: 28rem auto;
48+ margin: (28rem / 4) auto;
4949 background: #fff;
5050}
5151
@@ -319,7 +319,7 @@ iframe {
319319 }
320320 }
321321 &__input {
322− line-height: 6rem;
322+ line-height: (6rem / 4);
323323 }
324324 }
325325}
@@ -334,7 +334,7 @@ iframe {
334334 a {
335335 text-decoration: none;
336336 display: block;
337− padding: 3rem 4rem;
337+ padding: (3rem /4) (4rem / 4);
338338 &:hover {
339339 background: #F9F9F9;
340340 &:before, &:after {
@@ -364,23 +364,23 @@ iframe {
364364 position: relative;
365365 transition: all 0.1s linear;
366366 &:last-child {
367− margin-bottom: 2rem;
367+ margin-bottom: (2rem / 4);
368368 }
369369 b {
370370 color: #000;
371371 }
372372 &__title {
373− font-size: 6rem;
373+ font-size: (6rem / 4);
374374 text-transform: capitalize;
375375 &__slug-end {
376376 color: #000;
377377 font-weight: 700;
378− padding-right: 8rem;
378+ padding-right: (8rem / 4);
379379 }
380380 }
381381 }
382382 &__header {
383− padding: 0 7rem;
383+ padding: 0 (7rem / 4);
384384 }
385385}
386386
@@ -396,8 +396,8 @@ iframe {
396396
397397textarea, input[type="text"], input[type="email"], input[type="number"], input[type="search"] {
398398 border: 1px solid #B1B2B3;
399− font-size: 4rem;
400− line-height: 6rem;
399+ font-size: (4rem / 4);
400+ line-height: (6rem / 4);
401401 transition: all 0.1s linear;
402402 padding-right: 40px;
403403 position: relative;
@@ -431,8 +431,8 @@ button, .btn {
431431.search-bar {
432432 border: 1px solid #B1B2B3;
433433 background: #fff;
434− font-size: 4rem;
435− line-height: 6rem;
434+ font-size: (4rem / 4);
435+ line-height: (6rem / 4);
436436 transition: all 0.1s linear;
437437 padding: 12px 12px 12px 40px;
438438 position: relative;