style: fix various spacings

_sass/base.scss

@@ -62,7 +62,7 @@ h4,
 h5,
 h6 {
    margin: 0px;
-   margin-top: 12px;
+   margin-top: 0px;
    margin-bottom: 12px;
    font-weight: bold;
    color: var(--text-color);
@@ -103,23 +103,26 @@ a:hover {
 }
 
 p {
+   /*
    word-wrap: break-word;
    word-break: break-word;
    white-space: pre-wrap;
-   margin-bottom: 15px;
+   */
+   margin-top: 16px;
+   margin-bottom: 16px;
 }
 
 footer {
    color: var(--text-color);
    border-top: var(--border);
-   margin-top: 0;
-   padding-top: 10px;
+   margin-top: 24px;
+   padding-top: 12px;
    text-align: right;
 }
 
 header {
-   margin-top: 50px;
-   margin-bottom: 50px;
+   margin-top: 24px;
+   margin-bottom: 24px;
 }
 
 header p {
@@ -147,10 +150,6 @@ hr {
    text-decoration: none;
 }
 
-.header-page-links {
-   margin-right: 10%;
-}
-
 .header-page-links li:before {
    content: ''
 }
@@ -167,7 +166,7 @@ hr {
 }
 
 .right-menu {
-   width: 70%;
+   width: 74%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
@@ -450,7 +449,7 @@ textarea {
 .flex-container {
    display: flex;
    justify-content: space-between;
-   align-items: center;
+   align-items: flex-start;
 }
 
 .flex-container-inner {
@@ -458,8 +457,13 @@ textarea {
 }
 
 section {
-   padding-top: 100px;
-   padding-bottom: 100px;
+   margin-top: 24px;
+   margin-bottom: 24px;
+}
+
+.extra-spacing {
+   margin-top: 70px;
+   margin-bottom: 70px;
 }
 
 .companies {
@@ -891,6 +895,19 @@ pre {
 }
 /** end carousel */
 
+/**
+ * Blog
+ */
+.post img {
+   max-width: 100%;
+}
+
+#lp-post-img {
+   max-width: 100%;
+}
+
+/** end blog */
+
 *,
 *::before,
 *::after {