diff --git a/markdownblog/markdownblog/static/base.css b/markdownblog/markdownblog/static/base.css
index 1d2b625..3cfe968 100644
--- a/markdownblog/markdownblog/static/base.css
+++ b/markdownblog/markdownblog/static/base.css
@@ -14,4 +14,14 @@
 .postlink {
     margin-left: 1.5em !important;
     color: #039be5 !important;
+}
+
+header, main, footer {
+    padding-left: 300px;
+}
+
+@media only screen and (max-width: 992px) {
+    header, main, footer {
+        padding-left: 0;
+    }
 }
\ No newline at end of file
diff --git a/markdownblog/markdownblog/templates/blog/index.html b/markdownblog/markdownblog/templates/blog/index.html
index 8cee3e1..66dde86 100644
--- a/markdownblog/markdownblog/templates/blog/index.html
+++ b/markdownblog/markdownblog/templates/blog/index.html
@@ -12,7 +12,7 @@
 {% endblock %}
 {% block content %}
     {% autoescape off %}
-        <div class="col s10 offset-s1">
+        <div class="col s12">
             {{ html }}
         </div>
     {% endautoescape %}
diff --git a/markdownblog/markdownblog/templates/blog/viewpost.html b/markdownblog/markdownblog/templates/blog/viewpost.html
index 47d7bae..e419afd 100644
--- a/markdownblog/markdownblog/templates/blog/viewpost.html
+++ b/markdownblog/markdownblog/templates/blog/viewpost.html
@@ -12,7 +12,7 @@
 {% endblock %}
 {% block content %}
     {% autoescape off %}
-        <div class="col s10 offset-s1">
+        <div class="col s12">
             {{ html }}
         </div>
     {% endautoescape %}