Start the rework, attention to home and news pages

Signed-off-by: falkTX <falktx@falktx.com>

Author: falkTX

css/reset.css

@@ -40,3 +40,12 @@ table, table td {
 img, embed {
     vertical-align: top;
 }
+
+/* Getting the new tags to behave */
+article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup,
+keygen, meter, nav, output, progress, section, source, video {
+    display: block;
+}
+mark, rp, rt, ruby, summary, time {
+    display: inline;
+}

css/style-news-full.css

@@ -1,34 +1,24 @@
 .news li {
-    overflow: hidden;
-    position: relative;
-    padding: 0 0 10px 84px;
+    margin-bottom: 40px;
 }
-.news li:last-child {
-    padding-bottom: 0;
+.news li .title {
+    display: flex;
+    align-items: center;
 }
 .news li figure {
-    font-weight: 300;
-    width: 65px;
-    height: 65px;
-    position: absolute;
-    left: 0;
-    top: 0;
-    text-align: center;
+    margin-left: 10px;
+    margin-right: 20px;
+    min-width: 70px;
     color: #818181;
+    font-size: 1.1rem;
+    text-align: center;
     text-transform: uppercase;
 }
 .news li figure strong {
-    display: inline;
-    font-size: 17px;
-    line-height: 2.0em;
-    margin-bottom: -7px;
-    padding-top: 4px;
+    white-space: nowrap;
 }
 .news li figure p {
-    display: inline;
-    font-size: 17px;
-    line-height: 0.1em;
-    color: #f9f9f9/* XX-WHITE #272727 */;
-    float: right;
-    margin-right: 3px;
+    color: #f9f9f9 /* XX-WHITE #272727 */;
+    font-weight: bold;
+    margin: 0;
 }

css/style-news-mini.css

@@ -1,33 +1,23 @@
 .news li {
-    overflow: hidden;
-    position: relative;
-    padding: 0 0 5px 84px;
+    display: flex;
+    margin-right: 20px;
 }
 .news li figure {
     color: #818181;
-    font-weight: 300;
-    width: 65px;
-    height: 65px;
-    position: absolute;
-    left: 0;
-    top: 0;
+    font-size: 1.1rem;
+    margin-right: 10px;
+    min-width: 70px;
     text-align: center;
     text-transform: uppercase;
 }
+.news li figure strong {
+    white-space: nowrap;
+}
 .news li figure p {
     color: #f9f9f9; /* WHITE color:#272727; */
-    display: inline;
-    float: right;
     font-weight: bold;
-/*     font-size: 1.1rem; */
-    line-height: 1em;
-    margin-right: 7px;
-}
-.news li figure strong {
-    display: inline;
-/*     font-size: 1.1rem; */
-    line-height: 1.6em;
+    margin: 0;
 }
-.news li p {
+.news li .content p {
     font-size: 0.92rem;
 }