Unification for RWD has been added

scss/_media.scss

@@ -0,0 +1,34 @@
+@mixin media($min-max, $reverse: false) {
+  $type: max-width;
+  @if $reverse {
+    $type: min-width;
+    $min-max: $min-max + 1;
+  }
+  @media screen and ($type: $min-max) {
+    @content
+  }
+}
+
+@mixin media-mobile($reverse: false) {
+  @include media(480px, $reverse) {
+    @content
+  }
+}
+
+@mixin media-tablet($reverse: false) {
+  @include media(768px, $reverse) {
+    @content
+  }
+}
+
+@mixin media-small($reverse: false) {
+  @include media(1024px, $reverse) {
+    @content
+  }
+}
+
+@mixin media-large($reverse: false) {
+  @include media(1200px, $reverse) {
+    @content
+  }
+}

scss/default.scss

@@ -1,3 +1,4 @@
+@import "media";
 @import "root";
 @import "all";
 
@@ -25,9 +26,9 @@ p {
 }
 
 .loading {
-  height: 300px;
+  height: 200px;
 
-  .loading-animation {
+  .loading_animation {
     margin: 20px auto;
     width: 50px;
     height: 50px;
@@ -38,7 +39,7 @@ p {
   }
 }
 
-@media screen and (max-width: 1200px) {
+@include media-small {
   .container {
     padding: 0 20px;
   }