diff --git a/_posts/2017-04-27-tutorials.markdown b/_posts/2017-04-27-tutorials.markdown
new file mode 100644
index 0000000..6b0fe7b
--- /dev/null
+++ b/_posts/2017-04-27-tutorials.markdown
@@ -0,0 +1,11 @@
+---
+layout: post
+title:  "Tutorials"
+date:   2017-04-27 16:45:20 -0200
+categories: tutorial
+highlight: true
+image: /img/tutorial.jpg
+
+---
+
+Want to learn how to use Mezuro better? We have some tutorails, check them. Have fun!
\ No newline at end of file
diff --git a/_sass/_post.scss b/_sass/_post.scss
index 80ac8fd..5bfc51a 100644
--- a/_sass/_post.scss
+++ b/_sass/_post.scss
@@ -38,3 +38,33 @@
     }
   }
 }
+@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ 
+  .section-highlight {
+    min-width: 302px;
+  }
+}
+@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
+  .section-highlight {
+    min-width: 431px;
+  }
+}
+@media (min-width:641px)  {/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
+  .section-highlight {
+    min-width: 590px;
+  } 
+}
+@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */
+  .section-highlight {
+    min-width: 914px;
+  }
+}
+@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ 
+  .section-highlight {
+    min-width: 980px;
+  }
+}
+@media (min-width:1281px) { /* hi-res laptops and desktops */ 
+  .section-highlight {
+    min-width: 1164px;
+  }
+}
diff --git a/tutorials.html b/tutorials.html
index ddcb231..af5d53c 100644
--- a/tutorials.html
+++ b/tutorials.html
@@ -4,18 +4,6 @@
 permalink: /tutorials/
 ---
 
-<div class="section-highlight section--center mdl-grid mdl-grid--no-spacing mdl-shadow--2dp">
-
-  <header class="tutorial-header section__play-btn mdl-cell mdl-cell--3-col-desktop mdl-cell--2-col-tablet mdl-cell--4-col-phone" style=""></header>
-
-  <div class="mdl-card mdl-cell mdl-cell--9-col-desktop mdl-cell--6-col-tablet mdl-cell--4-col-phone">
-    <div class="mdl-card__supporting-text">
-      <h4>Tutorials</h4>
-      <p>Want to learn to use Mezuro better? Check those tutorials. Have fun!</p>
-    </div>
-  </div>
-</div>
-
 <div class="page-content">
   {%include posts.html category="tutorial" %}
-</div>
+</div>
\ No newline at end of file