content sizes for mobile refacoting

moved from scss file to _app global style

pages/_app.tsx

@@ -19,6 +19,9 @@ class MyApp extends App {
                             --font-size-h1: 1.75rem;
                             --font-size-h2: 1.5rem;
                             --font-size-h3: 1.25rem;
+
+                            --content-thin: 90%;
+                            --content-wide: 90%;
                         }
                     }
 

src/style/content.scss

@@ -43,28 +43,6 @@
     animation: none;
 }
 
-@media screen and (max-width: var(--mobile-width)) {
-    --content-mobile: 95%;
-
-    .content {
-        &.content_wide {
-            width: var(--content-mobile);
-        }
-
-        &.content_semi-wide {
-            width: var(--content-mobile);
-        }
-
-        &.content_thin {
-            width: var(--content-mobile);
-        }
-
-        &.content--padding-top--menu {
-            padding-top: var(--single-margin);
-        }
-    }
-}
-
 @media screen and (min-width: var(--tablet-min-width)) and (max-width: var(--tablet-max-width)) {
     $thin-value: 70%;
     $wide-value: 95%;