responsive tweaks for tag and archive page templates

src/themes/theme-fipamo-default/fipamo-default/tags.pug

@@ -6,6 +6,7 @@ block main-content
       span= title
   article
     .page
+        br
         - var index = 0;			
         - for ( index; index < tag_list.length; index++)
             a(href='/'+tag_list[index].path+'/'+tag_list[index].slug) !{tag_list[index].title}

src/themes/theme-fipamo-default/styles/_structure.styl

@@ -116,6 +116,7 @@ header
             display inline-block
             vertical-align top
             width 30%
+            padding 5px
             span.month
               color $secondary
               font-size 1.5em
@@ -170,14 +171,20 @@ header
 
 @media only screen and (max-width: 640px)
   header
-    .menu
+    nav
         width 98%
     span
       font-size 2.5em
+  .container
+    article
+      .index, .page
+        .archive-item
+          .archive-month
+            width 45%
 
 @media only screen and (max-width: 480px)
   header
-    .menu
+    nav
         width 96%
   .container
     article
@@ -193,7 +200,7 @@ header
 
 @media only screen and (max-width: 375px)
     header
-      .menu
+      nav
         width 95%
     .container
       article
@@ -201,3 +208,6 @@ header
           margin 0
           p
             font 300 0.9em/1.7em $bodyTypeSans
+          .archive-item
+            .archive-month
+              width 95%