flat links init

src/files/css/main.css

@@ -10115,28 +10115,25 @@ footer .copyright .logo {
 .whiteblack:hover a {
   text-decoration: underline; }
 
-.flat-links {
-  padding-left: 15px;
+.flat-links__con
+.flat-links__item {
+  height: 90px;
+  margin-bottom: 10px;
+  padding: 0;
+  background: #d7d7d7;
   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; }
+  align-content: space-between;
+  vertical-align: middle; }
+  .flat-links__con
+  .flat-links__item:hover {
+    text-decoration: none;
+    background: #004d7b; }
+  .flat-links__con
+  .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

@@ -1,9 +1,12 @@
 .flat-links {
-    padding-left: 15px;
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    align-content: space-between;
+
+    &__container {
+        padding-left: 15px;
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        align-content: space-between;
+    }
 
     &__item {
         height: 90px;