diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 0c62f24..f8887b8 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -1,7 +1,16 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ChangeListManager">
-    <list default="true" id="acc5de12-fb86-41e9-bf21-4f95d6f6da92" name="Default" comment="" />
+    <list default="true" id="acc5de12-fb86-41e9-bf21-4f95d6f6da92" name="Default" comment="">
+      <change beforePath="" afterPath="$PROJECT_DIR$/css/_mixins.scss" />
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" afterPath="$PROJECT_DIR$/.idea/workspace.xml" />
+      <change beforePath="$PROJECT_DIR$/css/_header.scss" afterPath="$PROJECT_DIR$/css/_header.scss" />
+      <change beforePath="$PROJECT_DIR$/css/_section.scss" afterPath="$PROJECT_DIR$/css/_section.scss" />
+      <change beforePath="$PROJECT_DIR$/css/index.css" afterPath="$PROJECT_DIR$/css/index.css" />
+      <change beforePath="$PROJECT_DIR$/css/index.css.map" afterPath="$PROJECT_DIR$/css/index.css.map" />
+      <change beforePath="$PROJECT_DIR$/image/logo.png" afterPath="$PROJECT_DIR$/images/logo.png" />
+      <change beforePath="$PROJECT_DIR$/index.html" afterPath="$PROJECT_DIR$/index.html" />
+    </list>
     <ignored path="$PROJECT_DIR$/.tmp/" />
     <ignored path="$PROJECT_DIR$/temp/" />
     <ignored path="$PROJECT_DIR$/tmp/" />
@@ -17,14 +26,9 @@
       <file leaf-file-name="index.html" pinned="false" current-in-tab="true">
         <entry file="file://$PROJECT_DIR$/index.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="561">
-              <caret line="106" column="18" lean-forward="true" selection-start-line="106" selection-start-column="18" selection-end-line="106" selection-end-column="18" />
-              <folding>
-                <element signature="n#style#0;n#div#0;n#div#1;n#section#0;n#main#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-                <element signature="e#4853#4859#0" expanded="true" />
-                <element signature="e#5912#5918#0" expanded="true" />
-                <element signature="e#6829#6835#0" expanded="true" />
-              </folding>
+            <state relative-caret-position="1413">
+              <caret line="159" column="14" lean-forward="true" selection-start-line="159" selection-start-column="14" selection-end-line="159" selection-end-column="14" />
+              <folding />
             </state>
           </provider>
         </entry>
@@ -32,8 +36,25 @@
       <file leaf-file-name="_section.scss" pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/css/_section.scss">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="646">
-              <caret line="47" column="21" lean-forward="false" selection-start-line="47" selection-start-column="21" selection-end-line="47" selection-end-column="21" />
+            <state relative-caret-position="536">
+              <caret line="36" column="67" lean-forward="false" selection-start-line="36" selection-start-column="67" selection-end-line="36" selection-end-column="67" />
+              <folding />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file leaf-file-name="links_firmware_downloader.png" pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/images/links_firmware_downloader.png">
+          <provider selected="true" editor-type-id="images">
+            <state />
+          </provider>
+        </entry>
+      </file>
+      <file leaf-file-name="_mixins.scss" pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/css/_mixins.scss">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="102">
+              <caret line="6" column="1" lean-forward="true" selection-start-line="6" selection-start-column="1" selection-end-line="6" selection-end-column="1" />
               <folding />
             </state>
           </provider>
@@ -43,7 +64,7 @@
         <entry file="file://$PROJECT_DIR$/js/main.js">
           <provider selected="true" editor-type-id="text-editor">
             <state relative-caret-position="0">
-              <caret line="0" column="15" lean-forward="true" selection-start-line="0" selection-start-column="15" selection-end-line="0" selection-end-column="15" />
+              <caret line="0" column="15" lean-forward="false" selection-start-line="0" selection-start-column="15" selection-end-line="0" selection-end-column="15" />
               <folding />
             </state>
           </provider>
@@ -62,8 +83,8 @@
       <file leaf-file-name="_header.scss" pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/css/_header.scss">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="136">
-              <caret line="8" column="7" lean-forward="false" selection-start-line="8" selection-start-column="7" selection-end-line="8" selection-end-column="7" />
+            <state relative-caret-position="170">
+              <caret line="10" column="22" lean-forward="false" selection-start-line="10" selection-start-column="22" selection-end-line="10" selection-end-column="22" />
               <folding />
             </state>
           </provider>
@@ -94,10 +115,15 @@
     <findStrings>
       <find>collapsible.html</find>
       <find>ü</find>
+      <find>m8</find>
+      <find>image</find>
+      <find>h1</find>
     </findStrings>
     <replaceStrings>
       <replace>#</replace>
       <replace>&amp;uuml;</replace>
+      <replace>m10</replace>
+      <replace>h2</replace>
     </replaceStrings>
   </component>
   <component name="Git.Settings">
@@ -110,12 +136,13 @@
         <option value="$PROJECT_DIR$/css/_variables.scss" />
         <option value="$PROJECT_DIR$/css/sidebar.scss" />
         <option value="$PROJECT_DIR$/css/_sidebar.scss" />
-        <option value="$PROJECT_DIR$/css/_header.scss" />
         <option value="$PROJECT_DIR$/js.js" />
         <option value="$PROJECT_DIR$/js/main.js" />
         <option value="$PROJECT_DIR$/css/index.scss" />
-        <option value="$PROJECT_DIR$/css/_section.scss" />
+        <option value="$PROJECT_DIR$/css/_header.scss" />
         <option value="$PROJECT_DIR$/index.html" />
+        <option value="$PROJECT_DIR$/css/_mixins.scss" />
+        <option value="$PROJECT_DIR$/css/_section.scss" />
       </list>
     </option>
   </component>
@@ -126,9 +153,10 @@
     <sorting>DEFINITION_ORDER</sorting>
   </component>
   <component name="ProjectFrameBounds" extendedState="6">
-    <option name="x" value="12" />
-    <option name="width" value="1258" />
-    <option name="height" value="695" />
+    <option name="x" value="383" />
+    <option name="y" value="1419" />
+    <option name="width" value="1248" />
+    <option name="height" value="702" />
   </component>
   <component name="ProjectInspectionProfilesVisibleTreeState">
     <entry key="Project Default">
@@ -177,6 +205,8 @@
       <foldersAlwaysOnTop value="true" />
     </navigator>
     <panes>
+      <pane id="Scope" />
+      <pane id="Scratches" />
       <pane id="ProjectPane">
         <subPane>
           <expand>
@@ -195,12 +225,15 @@
               <item name="css" type="462c0819:PsiDirectoryNode" />
               <item name="index.scss" type="620a8d5e:NestingTreeNode" />
             </path>
+            <path>
+              <item name="website" type="b2602c69:ProjectViewProjectNode" />
+              <item name="website" type="462c0819:PsiDirectoryNode" />
+              <item name="images" type="462c0819:PsiDirectoryNode" />
+            </path>
           </expand>
           <select />
         </subPane>
       </pane>
-      <pane id="Scratches" />
-      <pane id="Scope" />
     </panes>
   </component>
   <component name="PropertiesComponent">
@@ -239,15 +272,17 @@
       <option name="presentableId" value="Default" />
       <updated>1520631717114</updated>
       <workItem from="1520631719329" duration="6593000" />
-      <workItem from="1520664364027" duration="4577000" />
+      <workItem from="1520664364027" duration="7700000" />
+      <workItem from="1520682972842" duration="2219000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="11170000" />
+    <option name="totallyTimeSpent" value="16512000" />
   </component>
   <component name="ToolWindowManager">
-    <frame x="12" y="0" width="1920" height="1042" extended-state="6" />
+    <frame x="0" y="1200" width="1920" height="1042" extended-state="6" />
+    <editor active="true" />
     <layout>
       <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.16027689" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
       <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
@@ -257,7 +292,7 @@
       <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.32881355" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
       <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
       <window_info id="Mongo Explorer" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
-      <window_info id="Terminal" active="true" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.19774011" sideWeight="0.5" order="9" side_tool="false" content_ui="tabs" />
+      <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.19774011" sideWeight="0.5" order="9" side_tool="false" content_ui="tabs" />
       <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" />
       <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
@@ -284,12 +319,55 @@
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="0">
           <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
-          <folding>
-            <element signature="n#style#0;n#div#0;n#div#1;n#section#0;n#main#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-            <element signature="e#4853#4859#0" expanded="true" />
-            <element signature="e#5912#5918#0" expanded="true" />
-            <element signature="e#6829#6835#0" expanded="true" />
-          </folding>
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/_section.scss">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="1003">
+          <caret line="59" column="19" lean-forward="false" selection-start-line="59" selection-start-column="19" selection-end-line="59" selection-end-column="19" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/js/main.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="0">
+          <caret line="0" column="15" lean-forward="false" selection-start-line="0" selection-start-column="15" selection-end-line="0" selection-end-column="15" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/index.scss">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="17">
+          <caret line="1" column="16" lean-forward="false" selection-start-line="1" selection-start-column="16" selection-end-line="1" selection-end-column="16" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/_header.scss">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="170">
+          <caret line="10" column="22" lean-forward="false" selection-start-line="10" selection-start-column="22" selection-end-line="10" selection-end-column="22" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/_variables.scss">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="34">
+          <caret line="2" column="13" lean-forward="false" selection-start-line="2" selection-start-column="13" selection-end-line="2" selection-end-column="13" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/index.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="0">
+          <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <folding />
         </state>
       </provider>
     </entry>
@@ -338,10 +416,18 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/css/_sidebar.scss" />
     <entry file="file://$PROJECT_DIR$/js.js" />
+    <entry file="file://$PROJECT_DIR$/js/main.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="0">
+          <caret line="0" column="15" lean-forward="false" selection-start-line="0" selection-start-column="15" selection-end-line="0" selection-end-column="15" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
     <entry file="file://$PROJECT_DIR$/css/_header.scss">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="136">
-          <caret line="8" column="7" lean-forward="false" selection-start-line="8" selection-start-column="7" selection-end-line="8" selection-end-column="7" />
+        <state relative-caret-position="170">
+          <caret line="10" column="22" lean-forward="false" selection-start-line="10" selection-start-column="22" selection-end-line="10" selection-end-column="22" />
           <folding />
         </state>
       </provider>
@@ -354,32 +440,32 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/js/main.js">
+    <entry file="file://$PROJECT_DIR$/css/_mixins.scss">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="0">
-          <caret line="0" column="15" lean-forward="true" selection-start-line="0" selection-start-column="15" selection-end-line="0" selection-end-column="15" />
+        <state relative-caret-position="102">
+          <caret line="6" column="1" lean-forward="true" selection-start-line="6" selection-start-column="1" selection-end-line="6" selection-end-column="1" />
           <folding />
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/css/_section.scss">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="646">
-          <caret line="47" column="21" lean-forward="false" selection-start-line="47" selection-start-column="21" selection-end-line="47" selection-end-column="21" />
+        <state relative-caret-position="536">
+          <caret line="36" column="67" lean-forward="false" selection-start-line="36" selection-start-column="67" selection-end-line="36" selection-end-column="67" />
           <folding />
         </state>
       </provider>
     </entry>
+    <entry file="file://$PROJECT_DIR$/images/links_firmware_downloader.png">
+      <provider selected="true" editor-type-id="images">
+        <state />
+      </provider>
+    </entry>
     <entry file="file://$PROJECT_DIR$/index.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="561">
-          <caret line="106" column="18" lean-forward="true" selection-start-line="106" selection-start-column="18" selection-end-line="106" selection-end-column="18" />
-          <folding>
-            <element signature="n#style#0;n#div#0;n#div#1;n#section#0;n#main#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-            <element signature="e#4853#4859#0" expanded="true" />
-            <element signature="e#5912#5918#0" expanded="true" />
-            <element signature="e#6829#6835#0" expanded="true" />
-          </folding>
+        <state relative-caret-position="1413">
+          <caret line="159" column="14" lean-forward="true" selection-start-line="159" selection-start-column="14" selection-end-line="159" selection-end-column="14" />
+          <folding />
         </state>
       </provider>
     </entry>
diff --git a/css/_header.scss b/css/_header.scss
index 372c7d1..6a14f57 100644
--- a/css/_header.scss
+++ b/css/_header.scss
@@ -4,7 +4,12 @@ header {
     background-color: $ff_color;
     .nav-wrapper {
       padding: 0 25px;
+      width: 100vw;
       .brand-logo {
+        @media screen and (max-width: 991px){
+          text-align: center;
+          width: 100%;
+        }
         font-weight: 300;
       }
     }
diff --git a/css/_mixins.scss b/css/_mixins.scss
new file mode 100644
index 0000000..d102618
--- /dev/null
+++ b/css/_mixins.scss
@@ -0,0 +1,7 @@
+@mixin background-linear-gradient($deg, $start_color, $end_color) {
+  background: linear-gradient($deg, $start_color, $end_color);
+  background: -moz-linear-gradient($deg, $start_color, $end_color);
+  background: -o-linear-gradient($deg, $start_color, $end_color);
+  background: -webkit-linear-gradient($deg, $start_color, $end_color);
+  background-color: $start_color;
+}
\ No newline at end of file
diff --git a/css/_section.scss b/css/_section.scss
index b4b6dc2..98bf183 100644
--- a/css/_section.scss
+++ b/css/_section.scss
@@ -1,13 +1,15 @@
 @import "variables";
+@import "mixins";
+
 section {
-  h1 {
+  h2 {
     font-weight: 100;
   }
   h3 {
     font-weight: 300;
   }
   .linear-gradient-card-wrapper > .col {
-    @media only screen and (max-width: 993px) {
+    @media only screen and (max-width: 991px) {
       float: none;
       margin: 0 auto;
     }
@@ -22,16 +24,17 @@ section {
       -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
       box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
       &.blue-gradient {
-        background: linear-gradient(40deg, #2186f3, #01579b);
+        @include background-linear-gradient(40deg, #2196f3, #01579b)
       }
       &.pink-gradient {
-        background: linear-gradient(40deg, #ec407a, #880e4f);
+        @include background-linear-gradient(40deg, #ec407a, #880e4f)
       }
       &.orange-gradient {
-        background: linear-gradient(40deg, #ff9800, #bf360c);
+        @include background-linear-gradient(40deg, #ff9800, #bf360c)
       }
       &.green-gradient {
         background: linear-gradient(40deg, #7cb342, #1b5e20);
+        @include background-linear-gradient(40deg, #7cb342, #1b5e20)
       }
       .title {
         font-size: 1.75rem;
@@ -56,4 +59,12 @@ section {
       }
     }
   }
-}
\ No newline at end of file
+  .card {
+    .card-title > a {
+      color: $black !important;
+    }
+    .card-action > a {
+      color: $ff_color !important;
+    }
+  }
+}
diff --git a/css/index.css b/css/index.css
index 41f9f0e..f016ea0 100644
--- a/css/index.css
+++ b/css/index.css
@@ -1,15 +1,20 @@
 header nav {
   background-color: #df316c; }
   header nav .nav-wrapper {
-    padding: 0 25px; }
+    padding: 0 25px;
+    width: 100vw; }
     header nav .nav-wrapper .brand-logo {
       font-weight: 300; }
+      @media screen and (max-width: 991px) {
+        header nav .nav-wrapper .brand-logo {
+          text-align: center;
+          width: 100%; } }
 
-section h1 {
+section h2 {
   font-weight: 100; }
 section h3 {
   font-weight: 300; }
-@media only screen and (max-width: 993px) {
+@media only screen and (max-width: 991px) {
   section .linear-gradient-card-wrapper > .col {
     float: none;
     margin: 0 auto; } }
@@ -24,13 +29,30 @@ section .linear-gradient-card-wrapper > .col .linear-gradient-card {
   -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
   box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }
   section .linear-gradient-card-wrapper > .col .linear-gradient-card.blue-gradient {
-    background: linear-gradient(40deg, #2186f3, #01579b); }
+    background: linear-gradient(40deg, #2196f3, #01579b);
+    background: -moz-linear-gradient(40deg, #2196f3, #01579b);
+    background: -o-linear-gradient(40deg, #2196f3, #01579b);
+    background: -webkit-linear-gradient(40deg, #2196f3, #01579b);
+    background-color: #2196f3; }
   section .linear-gradient-card-wrapper > .col .linear-gradient-card.pink-gradient {
-    background: linear-gradient(40deg, #ec407a, #880e4f); }
+    background: linear-gradient(40deg, #ec407a, #880e4f);
+    background: -moz-linear-gradient(40deg, #ec407a, #880e4f);
+    background: -o-linear-gradient(40deg, #ec407a, #880e4f);
+    background: -webkit-linear-gradient(40deg, #ec407a, #880e4f);
+    background-color: #ec407a; }
   section .linear-gradient-card-wrapper > .col .linear-gradient-card.orange-gradient {
-    background: linear-gradient(40deg, #ff9800, #bf360c); }
+    background: linear-gradient(40deg, #ff9800, #bf360c);
+    background: -moz-linear-gradient(40deg, #ff9800, #bf360c);
+    background: -o-linear-gradient(40deg, #ff9800, #bf360c);
+    background: -webkit-linear-gradient(40deg, #ff9800, #bf360c);
+    background-color: #ff9800; }
   section .linear-gradient-card-wrapper > .col .linear-gradient-card.green-gradient {
-    background: linear-gradient(40deg, #7cb342, #1b5e20); }
+    background: linear-gradient(40deg, #7cb342, #1b5e20);
+    background: linear-gradient(40deg, #7cb342, #1b5e20);
+    background: -moz-linear-gradient(40deg, #7cb342, #1b5e20);
+    background: -o-linear-gradient(40deg, #7cb342, #1b5e20);
+    background: -webkit-linear-gradient(40deg, #7cb342, #1b5e20);
+    background-color: #7cb342; }
   section .linear-gradient-card-wrapper > .col .linear-gradient-card .title {
     font-size: 1.75rem;
     display: block; }
@@ -47,6 +69,10 @@ section .linear-gradient-card-wrapper > .col .linear-gradient-card {
       section .linear-gradient-card-wrapper > .col .linear-gradient-card .links a:hover {
         -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
         box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); }
+section .card .card-title > a {
+  color: #000 !important; }
+section .card .card-action > a {
+  color: #df316c !important; }
 
 body {
   padding: 0; }
diff --git a/css/index.css.map b/css/index.css.map
index 0a737ec..9c9e77e 100644
--- a/css/index.css.map
+++ b/css/index.css.map
@@ -1,7 +1,7 @@
 {
 "version": 3,
-"mappings": "AAEE,UAAI;EACF,gBAAgB,ECHT,OAAO;EDId,uBAAa;IACX,OAAO,EAAE,MAAM;IACf,mCAAY;MACV,WAAW,EAAE,GAAG;;AELtB,UAAG;EACD,WAAW,EAAE,GAAG;AAElB,UAAG;EACD,WAAW,EAAE,GAAG;AAGhB,yCAA0C;EAD5C,4CAAqC;IAEjC,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,MAAM;AAEhB,kEAAsB;EACpB,gBAAgB,EDZd,IAAI;ECaN,KAAK,EDdH,IAAI;ECeN,KAAK,EAAE,IAAI;EACX,aAAa,EAAE,IAAI;EACnB,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,MAAM;EAClB,aAAa,EAAE,IAAI;EACnB,kBAAkB,EAAE,oGAA2F;EAC/G,UAAU,EAAE,oGAA2F;EACvG,gFAAgB;IACd,UAAU,EAAE,wCAAwC;EAEtD,gFAAgB;IACd,UAAU,EAAE,wCAAwC;EAEtD,kFAAkB;IAChB,UAAU,EAAE,wCAAwC;EAEtD,iFAAiB;IACf,UAAU,EAAE,wCAAwC;EAEtD,yEAAO;IACL,SAAS,EAAE,OAAO;IAClB,OAAO,EAAE,KAAK;EAEhB,+EAAa;IACX,OAAO,EAAE,KAAK;EAEhB,yEAAO;IACL,UAAU,EAAE,IAAI;IAChB,2EAAE;MACA,gBAAgB,EAAE,WAAW;MAC7B,SAAS,EAAE,IAAI;MACf,MAAM,EAAE,QAAQ;MAChB,kBAAkB,EAAE,qGAA4F;MAChH,UAAU,EAAE,qGAA4F;MACxG,iFAAQ;QACN,kBAAkB,EAAE,qGAA4F;QAChH,UAAU,EAAE,qGAA4F;;ACjDpH,IAAK;EACH,OAAO,EAAE,CAAC",
-"sources": ["_header.scss","_variables.scss","_section.scss","index.scss"],
+"mappings": "AAEE,UAAI;EACF,gBAAgB,ECHT,OAAO;EDId,uBAAa;IACX,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,KAAK;IACZ,mCAAY;MAKV,WAAW,EAAE,GAAG;MAJhB,oCAAoC;QADtC,mCAAY;UAER,UAAU,EAAE,MAAM;UAClB,KAAK,EAAE,IAAI;;AENnB,UAAG;EACD,WAAW,EAAE,GAAG;AAElB,UAAG;EACD,WAAW,EAAE,GAAG;AAGhB,yCAA0C;EAD5C,4CAAqC;IAEjC,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,MAAM;AAEhB,kEAAsB;EACpB,gBAAgB,EDdd,IAAI;ECeN,KAAK,EDhBH,IAAI;ECiBN,KAAK,EAAE,IAAI;EACX,aAAa,EAAE,IAAI;EACnB,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,MAAM;EAClB,aAAa,EAAE,IAAI;EACnB,kBAAkB,EAAE,oGAA2F;EAC/G,UAAU,EAAE,oGAA2F;EACvG,gFAAgB;ICxBpB,UAAU,EAAE,wCAA+C;IAC3D,UAAU,EAAE,6CAAoD;IAChE,UAAU,EAAE,2CAAkD;IAC9D,UAAU,EAAE,gDAAuD;IACnE,gBAAgB,EDqBiC,OAAO;EAEpD,gFAAgB;IC3BpB,UAAU,EAAE,wCAA+C;IAC3D,UAAU,EAAE,6CAAoD;IAChE,UAAU,EAAE,2CAAkD;IAC9D,UAAU,EAAE,gDAAuD;IACnE,gBAAgB,EDwBiC,OAAO;EAEpD,kFAAkB;IC9BtB,UAAU,EAAE,wCAA+C;IAC3D,UAAU,EAAE,6CAAoD;IAChE,UAAU,EAAE,2CAAkD;IAC9D,UAAU,EAAE,gDAAuD;IACnE,gBAAgB,ED2BiC,OAAO;EAEpD,iFAAiB;IACf,UAAU,EAAE,wCAAwC;IClC1D,UAAU,EAAE,wCAA+C;IAC3D,UAAU,EAAE,6CAAoD;IAChE,UAAU,EAAE,2CAAkD;IAC9D,UAAU,EAAE,gDAAuD;IACnE,gBAAgB,ED+BiC,OAAO;EAEpD,yEAAO;IACL,SAAS,EAAE,OAAO;IAClB,OAAO,EAAE,KAAK;EAEhB,+EAAa;IACX,OAAO,EAAE,KAAK;EAEhB,yEAAO;IACL,UAAU,EAAE,IAAI;IAChB,2EAAE;MACA,gBAAgB,EAAE,WAAW;MAC7B,SAAS,EAAE,IAAI;MACf,MAAM,EAAE,QAAQ;MAChB,kBAAkB,EAAE,qGAA4F;MAChH,UAAU,EAAE,qGAA4F;MACxG,iFAAQ;QACN,kBAAkB,EAAE,qGAA4F;QAChH,UAAU,EAAE,qGAA4F;AAOhH,6BAAgB;EACd,KAAK,EAAE,eAAiB;AAE1B,8BAAiB;EACf,KAAK,EAAE,kBAAoB;;AE/DjC,IAAK;EACH,OAAO,EAAE,CAAC",
+"sources": ["_header.scss","_variables.scss","_section.scss","_mixins.scss","index.scss"],
 "names": [],
 "file": "index.css"
 }
\ No newline at end of file
diff --git a/images/links_firmware_downloader.png b/images/links_firmware_downloader.png
new file mode 100644
index 0000000..d40a552
Binary files /dev/null and b/images/links_firmware_downloader.png differ
diff --git a/image/logo.png b/images/logo.png
similarity index 100%
rename from image/logo.png
rename to images/logo.png
diff --git a/index.html b/index.html
index 13299cf..9cbf54a 100644
--- a/index.html
+++ b/index.html
@@ -32,7 +32,7 @@
 <main class="container">
     <!--<section id="aboutus" class="scrollspy row">-->
         <!--<div class="center">-->
-            <!--<h1>&Uuml;ber Uns</h1>-->
+            <!--<h2>&Uuml;ber Uns</h2>-->
         <!--</div>-->
         <!--<div class="col s6">-->
             <!--<div class="card blue-grey darken-1">-->
@@ -57,10 +57,10 @@
     <!--</section>-->
     <section id="communities" class="scrollspy">
         <div class="center">
-            <h1 class="thin">Unsere Communities</h1>
+            <h2 class="thin">Unsere Communities</h2>
         </div>
         <div class="row linear-gradient-card-wrapper">
-            <div class="col s8 l4" style="margin-left: auto; margin-right: auto">
+            <div class="col s12 m10 l4" style="margin-left: auto; margin-right: auto">
                 <div class="linear-gradient-card blue-gradient">
                     <span class="title">
                         Freifunk Siegburg
@@ -76,7 +76,7 @@
                     </div>
                 </div>
             </div>
-            <div class="col s8 l4">
+            <div class="col s12 m10 l4">
                 <div class="linear-gradient-card pink-gradient">
                     <span class="title">
                         Freifunk Troisdorf
@@ -91,7 +91,7 @@
                     </div>
                 </div>
             </div>
-            <div class="col s8 l4">
+            <div class="col s12 m10 l4">
                 <div class="linear-gradient-card orange-gradient">
                     <span class="title">
                         Freifunk Rheinbach
@@ -109,19 +109,42 @@
     </section>
     <section id="links" class="scrollspy">
         <div class="center">
-            <h1 class="thin">Links</h1>
+            <h2 class="thin">Links</h2>
+        </div>
+        <div class="row">
+            <div class="col s12 m6">
+                <div class="card">
+                    <div class="card-image">
+                        <img src="images/links_firmware_downloader.png">
+                    </div>
+                    <div class="card-content">
+                        <span class="card-title"><a href="https://downloader.freifunk-rhein-sieg.net">Firmware Downloader</a></span>
+                        <p>Das ist der zentrale Anlaufpunkte f&uuml;r das Downloaden der Firmware von den Communities in der Region.</p>
+                    </div>
+                    <div class="card-action">
+                        <a href="https://downloader.freifunk-rhein-sieg.net">Zum Firmware-Downloader</a>
+                    </div>
+                </div>
+            </div>
+            <div class="col s12 m6">
+                <div class="card">
+                    <div class="card-image">
+                        <img src="images/links_firmware_downloader.png">
+                    </div>
+                    <div class="card-content">
+                        <span class="card-title"><a href="#">Karte</a></span>
+                        <p>Das ist die zentrale Karte, wo die Freifunk-Knoten der Communities angezeigt werden.</p>
+                    </div>
+                    <div class="card-action">
+                        <a href="#">Zur Karte</a>
+                    </div>
+                </div>
+            </div>
         </div>
-        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
-
-        Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
-
-        Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
-
-        Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer.
     </section>
     <section id="contact" class="scrollspy">
         <div class="center">
-            <h1 class="thin">Kontakt aufnehmen</h1>
+            <h2 class="thin">Kontakt aufnehmen</h2>
         </div>
         Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
 
@@ -133,7 +156,7 @@
     </section>
     <section id="downloads" class="scrollspy">
         <div class="center">
-            <h1 class="thin">Downloads</h1>
+            <h2 class="thin">Downloads</h2>
         </div>
         Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.