Correction du menu responsive design

sass/base.scss

@@ -1,8 +1,10 @@
  // kitoy <kitoy__at__kitoy.me>
 
- @import "./color.scss";
+@import "./color.scss";
+@import "./fonts.scss";
 
- $font-stack:    Helvetica, sans-serif;
+ 
+ $font-stack:  'Rosa Black Sans', sans-serif;
 
 
  html{
@@ -11,7 +13,7 @@
 
 
  body {
-     font: 100% $font-stack;
+    font-weight: 700;
      color: $color_lines;
      background-color: $back;
  }
@@ -128,6 +130,12 @@
    color: $back;
  }
 
+ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+ 
  .menu p{
   margin-top: -4px;
   font-size: 5px;
@@ -147,7 +155,7 @@
 
  // Le blog
  a:nth-child(3){
-   top: 63px;
+   top: 67px;
    left: 37px;
  }
 
@@ -178,17 +186,23 @@
    text-align: center;
  }
 
- .description {
+ .articles h2, h3, h4 {
+     color: $color_title;
+ }
+
+ .articles img {
+     height: 300px;
+ }
+
+.articles .description {
    text-align: center;
-   font-weight: 200;
+   font-weight: 300;
    font-style: italic;
    font-size: 17px;
    padding-bottom: 30px;
+   color: $color_lines;
  }
 
- .articles h2, h3, h4 {
-   color: $color_title;
- }
 
  .pagination a {
    border: 1px solid;
@@ -214,10 +228,10 @@
    text-align:center;
  }
 
- @media only screen and (max-width: 768px)
+ @media only screen and (max-width: 980px)
  {
    .articles {
-     margin-left: 3rem;
+     margin-left: 0;
      position: relative;
    }
 
@@ -234,16 +248,16 @@
    }
 
    .menu {
-     width: 93%;
-     height: 5rem;
+     width: 100%;
+     height: 13vw;
      border-radius: 0%;
      border: 5px double;
      border-color: $color_button;
      position: sticky;
-     margin-top: 3rem;
+     margin-top: 0rem;
      border-radius: 10px 10px 10px 10px;
      margin-bottom: 0px;
-     margin-left: 7%;
+     margin-left: 0;
      transform: none;
    }
 
@@ -253,7 +267,7 @@
   }
 
    .menu img {
-     transform: scale(2)
+     transform: scale(4)
    }
 
    .menu p {
@@ -262,26 +276,26 @@
    }
 
    .menu img:hover{
-     transform: scale(3);
+     transform: scale(5);
    }
 
    a:nth-child(1){
-     top: 25px;
+     top: 35px;
      left: 20%;
  }
 
    a:nth-child(4){
-       top: 25px;
+       top: 35px;
        left: 40%;
    }
 
    a:nth-child(2){
-       top: 25px;
+       top: 35px;
        left: 60%;
    }
 
    a:nth-child(3){
-       top: 25px;
+       top: 35px;
        left: 80%;
    }
 
@@ -289,7 +303,7 @@
 
 
 
- @media only screen and (max-width: 700px){
+ @media only screen and (max-width: 980px){
    .menu p{
      display:none;
    }

sass/color.scss

@@ -5,14 +5,14 @@ $color_button: #FBCD4B;
 $back: #282623;*/
 
 /* Hiver */
-
+/*
 $color_lines: #F8F5F2;
 $color_title: #EDB83D;
 $color_button: #D70026;
 $back: #000B29;
+*/
 /* Printemps */
-
-// $color_lines: #DFE166;
-// $color_title: #9A9EAB;
-// $color_button: #ED5752;
-// $back: #5D535E;
+ $color_lines: #DFE166;
+ $color_title: #9A9EAB;
+ $color_button: #ED5752;
+ $back: #282529;