flat links

src/files/css/main.css

@@ -10115,30 +10115,6 @@ footer .copyright .logo {
 .whiteblack:hover a {
   text-decoration: underline; }
 
-.flat-links--mobile {
-  display: none; }
-  @media (max-width: 768px) {
-    .flat-links--mobile {
-      display: block; } }
-  .flat-links--mobile .flat-links__container {
-    flex-direction: column; }
-  .flat-links--mobile .flat-links__item {
-    width: 100%; }
-.flat-links--news {
-  display: none; }
-  @media (max-width: 768px) {
-    .flat-links--news {
-      display: block; } }
-  .flat-links--news .flat-links__container {
-    flex-direction: column;
-    padding-left: 0; }
-  .flat-links--news .flat-links__item {
-    width: 100%; }
-.flat-links--vertical .flat-links__container {
-  flex-direction: column;
-  padding-left: 0; }
-.flat-links--vertical .flat-links__item {
-  width: 100%; }
 .flat-links__container {
   padding-left: 15px;
   display: flex;
@@ -10167,6 +10143,31 @@ footer .copyright .logo {
     color: #fff;
     font-weight: 700;
     font-size: 15px; }
+.flat-links--mobile {
+  display: none; }
+  @media (max-width: 768px) {
+    .flat-links--mobile {
+      display: block; } }
+  .flat-links--mobile .flat-links__container {
+    flex-direction: column;
+    padding-left: 0; }
+  .flat-links--mobile .flat-links__item {
+    width: 100%; }
+.flat-links--news {
+  display: none; }
+  @media (max-width: 768px) {
+    .flat-links--news {
+      display: block; } }
+  .flat-links--news .flat-links__container {
+    flex-direction: column;
+    padding-left: 0; }
+  .flat-links--news .flat-links__item {
+    width: 100%; }
+.flat-links--vertical .flat-links__container {
+  flex-direction: column;
+  padding-left: 0; }
+.flat-links--vertical .flat-links__item {
+  width: 100%; }
 
 body {
   font-family: "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; }

src/files/scss/_flat-links.scss

@@ -1,6 +1,44 @@
 $flatLinksClass: '.flat-links';
 .flat-links {
 
+    &__container {
+        padding-left: 15px;
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: space-between;
+    }
+
+    &__item {
+        padding: 5px;
+        height: 90px;
+        width: 49%;
+        margin-bottom: 10px;
+        background: #d7d7d7;
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-start;
+        vertical-align: middle;
+        align-items: center;
+
+        &:hover {
+            text-decoration: none;
+            background: #004d7b;
+        }
+
+        &-icon {
+            display: block;
+        }
+
+        &-description {
+            display: block;
+            margin-left: 10px;
+            color: #fff;
+            font-weight: 700;
+            font-size: 15px;
+        }
+    }
+
     &--mobile {
         display: none;
 
@@ -45,42 +83,4 @@ $flatLinksClass: '.flat-links';
             width: 100%;
         }
     }
-
-    &__container {
-        padding-left: 15px;
-        display: flex;
-        flex-direction: row;
-        flex-wrap: wrap;
-        justify-content: space-between;
-    }
-
-    &__item {
-        padding: 5px;
-        height: 90px;
-        width: 49%;
-        margin-bottom: 10px;
-        background: #d7d7d7;
-        display: flex;
-        flex-direction: row;
-        justify-content: flex-start;
-        vertical-align: middle;
-        align-items: center;
-
-        &:hover {
-            text-decoration: none;
-            background: #004d7b;
-        }
-
-        &-icon {
-            display: block;
-        }
-
-        &-description {
-            display: block;
-            margin-left: 10px;
-            color: #fff;
-            font-weight: 700;
-            font-size: 15px;
-        }
-    }
 }