flat links init

src/files/css/main.css

@@ -10115,6 +10115,29 @@ footer .copyright .logo {
 .whiteblack:hover a {
   text-decoration: underline; }
 
+.flat-links {
+  padding-left: 15px;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-content: space-between; }
+  .flat-links__item {
+    height: 90px;
+    margin-bottom: 10px;
+    padding: 0;
+    background: #d7d7d7;
+    display: flex;
+    flex-direction: row;
+    align-content: space-between;
+    vertical-align: middle; }
+    .flat-links__item:hover {
+      text-decoration: none;
+      background: #004d7b; }
+    .flat-links__item-description {
+      color: #fff;
+      font-weight: 700;
+      font-size: 15px; }
+
 body {
   font-family: "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; }
 

src/files/scss/_flat-links.scss

@@ -0,0 +1,29 @@
+.flat-links {
+    padding-left: 15px;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-content: space-between;
+
+    &__item {
+        height: 90px;
+        margin-bottom: 10px;
+        padding: 0;
+        background: #d7d7d7;
+        display: flex;
+        flex-direction: row;
+        align-content: space-between;
+        vertical-align: middle;
+
+        &:hover {
+            text-decoration: none;
+            background: #004d7b;
+        }
+
+        &-description {
+            color: #fff;
+            font-weight: 700;
+            font-size: 15px;
+        }
+    }
+}

src/files/scss/main.scss

@@ -17,6 +17,7 @@
 @import "additional-info-blocks";
 @import "feedback-form";
 @import "blind";
+@import "flat-links";
 
 body {
     font-family: $fontopensans;