finalization

_sass/_elements.scss

@@ -149,13 +149,68 @@ a:hover {
   }
 }
 
-.info {
+.info, .info-pages {
   padding: 40px;
   > div {
-    max-width: 700px;
+    max-width: 1200px;
     margin: auto;
   }
   p {
     margin: 20px 0;
   }
+}
+.info-pages {
+  h2, h3, h4, h5, h6 {
+    text-align: left;
+  }
+}
+
+.news, .links {
+  margin-top: 40px;
+  padding: 0;
+  display: flex;
+  flex-wrap: wrap;
+  h2 {
+    flex: 0 0 100%;
+    margin-bottom: 20px;
+  }
+  > div {
+    background-size: cover;
+    background-repeat: no;
+    background-position: center center;
+    flex: 1 1 512px;
+    min-height: 80vh;
+
+    padding: 40px;
+    box-sizing: border-box;
+    text-align: left;
+
+  }
+  .description {
+    h2, p, a {
+      text-align: center;
+    }
+    p {
+      margin-top: 20px;
+    }
+    p:last-child {
+      margin-bottom: 20px;
+    }
+    min-height: unset;
+  }
+}
+.news:nth-child(even), .links:nth-child(even) {
+  flex-direction: row-reverse;
+
+}
+.links {
+  > div {
+    min-height: unset;
+  }
+}
+.linksbg {
+  background-size: 100%;
+  background: rgb(31,23,41);
+  background: linear-gradient(180deg, rgba(31,23,41,1) 26%, rgba(56,255,89,0.25) 100%);
+
 }