New global rules and globaly imported layout.scss

frontend/styles/global.scss

@@ -11,8 +11,7 @@ body {
   font-family: "Mabry", sans-serif; 
   background-color: #19171A;
   color: white;
-
-  margin-bottom: 2rem;
+  padding-bottom: 2rem;
 }
 
 h1,h2,h3,h4,h5 {
@@ -43,8 +42,6 @@ h3 {
   }
 }
 
-
-
 .flex {
   display: flex;
 }
@@ -79,9 +76,12 @@ h3 {
   }
 }
 
+
 .col-wrap {
   padding-left: 120px;
   padding-right: 120px;
+  box-sizing: border-box;
+
 
   @include tablet {
     padding: 0 48px;
@@ -96,6 +96,10 @@ h3 {
 .max-width {
   max-width: 1520px;
   margin: auto;
+
+  @include mobile {
+    width: 90%;
+  }
 }
 
 .top-show {
@@ -103,6 +107,10 @@ h3 {
   padding-bottom: var(--space-xxl);
   padding-top: var(--space-xxxxl);
 
+  &-md {
+    padding-top: var(--space-xxxl);
+  }
+
   &-sm {
     padding-top: var(--space-xxl);
   }