diff --git a/templates/article.html b/templates/article.html
index b2568e2..42bac55 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -40,7 +40,7 @@
 {% endblock %}
 
 {% block content %}
-<div class="mg-container-social uk-width-medium-1-10 uk-hidden-small">
+<div class="mg-container-social uk-width-1-10@m uk-hidden-small">
 
     {% if SHARE %}
     <div class="uk-panel" id="mg-panel-social">
@@ -57,7 +57,7 @@
 
 </div>
 
-<div class="uk-width-medium-7-10">
+<div class="uk-width-7-10@m">
 
     <article class="uk-article">
         <h1 class="uk-heading-large uk-article-title" itemprop="name">{{ article.title }}</h1>
diff --git a/templates/categories.html b/templates/categories.html
index 7b933b6..ffeed50 100644
--- a/templates/categories.html
+++ b/templates/categories.html
@@ -3,7 +3,7 @@
 {% block description %}{% endblock %}
 
 {% block content %}
-<div class="uk-width-medium-4-5">
+<div class="uk-width-4-5@m">
     <h1 class="uk-heading-large">Categories</h1>
     {% for category, articles in categories %}
     <h2><a href="{{ SITEURL}}/{{ category.url}}" class="uk-link-muted">{{ category|capitalize }}</a></h2>
diff --git a/templates/index.html b/templates/index.html
index 03d5b2b..fac855a 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -21,7 +21,7 @@ window.langs = {{ MG_LANG_FILTER_TAGS|tojson }};
 {% endblock %}
 
 {% block content %}
-<div class="uk-width-medium-4-5">
+<div class="uk-width-4-5@m">
 
 {% if articles %}
 <ul class="mg-articles">
diff --git a/templates/page.html b/templates/page.html
index 3f6a225..b0c0285 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -26,7 +26,7 @@
 {% endblock %}
 
 {% block content %}
-<article class="uk-article uk-width-medium-4-5">
+<article class="uk-article uk-width-4-5@m">
     <h1 class="uk-heading-large uk-article-title" itemprop="name">{{ page.title }}</h1>
     <div class="uk-article-content">
     {{ page.content }}
diff --git a/templates/past_readings.html b/templates/past_readings.html
index 6e81262..162a547 100644
--- a/templates/past_readings.html
+++ b/templates/past_readings.html
@@ -3,12 +3,12 @@
 {% block description %}{% endblock %}
 
 {% block content %}
-<div class="uk-width-medium-4-5">
+<div class="uk-width-4-5@m">
     <h1 class="uk-heading-large">Lectures passées</h1>
 
     <div class="uk-grid">
     {% for reading in READINGS %}
-        <figure class="uk-width-1-1 uk-width-small-1-2 uk-width-medium-1-3">
+        <figure class="uk-width-1-1 uk-width-small-1-2 uk-width-1-3@m">
             <img class="uk-thumbnail" src="{{ reading['img_url'] }}" alt="{{ reading['description']+' '+reading.get('date', '') }}">
             <figcaption>{{ reading['description']+' '+reading.get('date', '') }}</figcaption>
         </figure>
diff --git a/templates/search.html b/templates/search.html
index 9b7761a..c01181f 100644
--- a/templates/search.html
+++ b/templates/search.html
@@ -3,7 +3,7 @@
 {% block description %}{% endblock %}
 
 {% block content %}
-<div class="uk-width-medium-4-5">
+<div class="uk-width-4-5@m">
     <h1 class="uk-heading-large">Search results</h1>
 
     <div id="tipue_search_content"></div>
diff --git a/templates/tag.html b/templates/tag.html
index 7f4fc78..eccae3a 100644
--- a/templates/tag.html
+++ b/templates/tag.html
@@ -5,7 +5,7 @@
 {% endblock %}
 
 {% block content %}
-<div class="uk-width-medium-4-5">
+<div class="uk-width-4-5@m">
 
 {% if articles %}
 {% for article in (articles_page.object_list if articles_page else articles) %}