From b95c0daa55b1fd4d1a908626c4233fd177a945d3 Mon Sep 17 00:00:00 2001
From: ErikssonJoakim <j.eriksson@okp4.com>
Date: Thu, 8 Dec 2022 13:27:58 +0100
Subject: [PATCH] feat: remove button style & adjust style

---
 src/components/layout/header/header.scss | 51 +++---------------------
 1 file changed, 6 insertions(+), 45 deletions(-)

diff --git a/src/components/layout/header/header.scss b/src/components/layout/header/header.scss
index a93c177f..b982d34b 100644
--- a/src/components/layout/header/header.scss
+++ b/src/components/layout/header/header.scss
@@ -10,7 +10,7 @@
   background-position: top;
   background-size: cover;
   background-repeat: no-repeat;
-  row-gap: 65px;
+  row-gap: 10px;
   padding-bottom: 70px;
 
   a {
@@ -37,9 +37,10 @@
   }
 
   .okp4-nemeton-web-header-title-container {
-    grid-area: 1 / 1 / 1 / 1;
+    grid-area: 1 / 1 / 3 / 1;
     max-width: 390px;
     justify-self: end;
+    align-self: center;
 
     @media screen and (max-width: 1440px) {
       grid-area: 2 / 1 / 2 / 1;
@@ -86,46 +87,6 @@
     }
   }
 
-  .okp4-nemeton-web-header-join-button-container {
-    grid-area: 2 / 1 / 2 / 1;
-    justify-self: end;
-    align-self: end;
-    @media screen and (max-width: 580px) {
-      width: 100%;
-      grid-area: 5/1/5/3;
-    }
-    @media screen and (min-width: 581px) and (max-width: 1440px) {
-      grid-area: 5 / 1 / 5 / 1;
-      justify-self: center;
-    }
-
-    button {
-      align-self: flex-end;
-      width: 453px;
-      height: 93px;
-      background: $primary-white 0% 0% no-repeat padding-box;
-      border: unset;
-      color: #1f403c;
-      cursor: pointer;
-      font-family: 'Six Caps', sans-serif;
-      font-size: 60px;
-
-      @media screen and (max-width: 1440px) {
-        max-width: 255px;
-        height: 71px;
-        font-size: 45px;
-        letter-spacing: 1.8px;
-      }
-
-      @media screen and (max-width: 580px) {
-        width: 100%;
-        height: 93px;
-        font-size: 50px;
-        max-width: unset;
-      }
-    }
-  }
-
   .okp4-nemeton-web-header-logo-container {
     grid-area: 1 / 2 / 1 / 2;
     position: relative;
@@ -142,7 +103,7 @@
 
   .okp4-nemeton-web-header-description-container {
     grid-area: 2 / 2 / 3 / 3;
-    max-width: 340px;
+    max-width: 360px;
     text-align: center;
     align-self: start;
     padding-bottom: 14px;
@@ -183,12 +144,12 @@
     justify-content: space-around;
     max-width: 900px;
     width: 100%;
-    margin: 50px 0 218px;
+    margin: 180px 0 218px;
     @media screen and (max-width: 1440px) {
       grid-area: 6 / 1 / 6 / 1;
       max-width: 800px;
       width: 100%;
-      margin-top: 60px;
+      margin-top: 100px;
     }
 
     .link-label {