Rework of some texts. Prepartions for implementation of the blog engine.

style.css

@@ -107,7 +107,7 @@ a.highlight{
 }
 
 .project{
-    height: 180px;
+    min-height: 180px;
 }
 
 .project, .social, .question{
@@ -131,8 +131,9 @@ a.highlight{
     margin: 0 10px;
 }
 
-.footer-links{
+.footer-row{
     white-space: pre;
+    line-height: 2em;
 }
 
 /* FAQ-specific */
@@ -143,7 +144,7 @@ a.highlight{
 }
 
 .answer{
-    padding: 0 5px;
+    padding: 3px 5px;
 }
 
 .split>.answer{
@@ -169,7 +170,7 @@ a.highlight{
 }
 
 .license-head>tr>th, .license-body>tr>td{
-    padding-left: 3px;
+    padding: 5px 3px;
 }
 
 .project-column, .by-column{
@@ -192,7 +193,11 @@ a.highlight{
     text-decoration: none;
 }
 
-.buttons-88x31>a>img, .buttons-88x31>img{
+.single-button-88x31{
+    margin-left: 10px;
+}
+
+.buttons-88x31>a>img, .buttons-88x31>img, .single-button-88x31{
     display: inline-block;
     width: 88px;
     height: 31px;
@@ -207,7 +212,7 @@ a.highlight{
 .flags{
     font-size: 0.5em;
     line-height: 1;
-    padding-bottom: 10px;
+    margin: 10px 0;
 }
 
 .no-underline{
@@ -281,7 +286,7 @@ a.highlight{
 }
 
 
-@media (max-width: 1000px) and (min-width: 605px){
+@media (max-width: 1000px) and (min-width: 610px){
     .spacer::before{
         content: "================";
         /* 16 symbols */
@@ -295,7 +300,7 @@ a.highlight{
     }
 }
 
-@media (max-width: 604px){
+@media (max-width: 609px){
     .additional-spacer{
         display:none;
     }
@@ -319,6 +324,18 @@ a.highlight{
     }
 }
 
+@media (max-width: 800px){
+    .vertical-divider-footer{
+        display: none;
+    }
+        
+    .footer-row{
+        display: flex;
+        flex-direction: column;
+        white-space: collapse;
+    }
+}
+
 @media (max-width: 509px){
     .site-head{
         font-size: 0.35em;
@@ -333,6 +350,7 @@ a.highlight{
     .links-nav>span>a{
         width: 100%;
         display: inline-block;
+        line-height: 2em;
     }
 
     .vertical-divider-nav{