diff --git a/src/layout/_container.scss b/src/layout/_container.scss
index 0c6f1ad..63c5429 100644
--- a/src/layout/_container.scss
+++ b/src/layout/_container.scss
@@ -11,23 +11,30 @@
   }
 }
 
-.container.container-xs {
-  max-width: 750px;
+.container {
+  &.container-xs {
+    max-width: $xsmall-screen;
+  }
 }
 
-.container.container-sm {
-  max-width: 900px;
+.container {
+  &.container-sm {
+    max-width: $small-screen;
+  }
 }
 
-.container.container-lg {
-  max-width: 1400px;
+.container {
+  &.container-md {
+    max-width: $medium-screen;
+  }
 }
 
-.container.container-xl {
-  max-width: 1600px;
+.container {
+  &.container-lg {
+    max-width: $large-screen;
+  }
 }
 
-
 .section {
   margin-bottom: 2rem;
   margin-top: 1rem;