Contact page + adding social header

layout/style-scss/kontakt-v8.scss

@@ -1003,8 +1003,6 @@ select {
 }
 
 .box-6 {
-	padding-bottom: 100px;
-
 	.box-6--wrapper {
 		display: flex;
 		flex-direction: column;
@@ -1192,6 +1190,21 @@ select {
 					}
 				}
 			}
+
+			&-3 {
+				padding-top: 40px;
+
+				.c-col {
+					p {
+						color: $cTxtBlack;
+						font-family: $font3;
+						font-weight: 300;
+						font-size: 12px;
+						line-height: 1.55;
+						text-align: justify;
+					}
+				}
+			}
 		}
 	}
 }

layout/style-scss/nav-menu.scss

@@ -16,6 +16,34 @@ header#header {
 			justify-content: flex-end;
 			align-items: center;
 
+			.header-social {
+				padding: 0;
+				margin: 0 10% 0 0;
+				list-style: none;
+				display: flex;
+				flex-direction: row;
+				align-items: center;
+				column-gap: 15px;
+
+				li {
+					a {
+						&:hover {
+							svg {
+								path {
+									fill: #1e2832;
+								}
+							}
+						}
+
+						svg {
+							path {
+								transition: all 250ms ease-in-out;
+							}
+						}
+					}
+				}
+			}
+
 			> ul {
 				list-style: none;
 				padding: 0;
@@ -87,7 +115,21 @@ header#header {
 		}
 	}
 	#header-nav {
+		display: flex;
+
 		nav#header-mine-menu {
+			li.nav-btn-1,
+			li.nav-btn-2,
+			li.nav-btn-3,
+			li.nav-btn-4 {
+				@include respond-above(md) {
+					display: none;
+				}
+			}
+		}
+
+		nav#header-mine-menu,
+		nav#header-sub-menu {
 			a.disabled {
 				cursor: default;
 			}