Layout update and text update

css/irma.css

@@ -1,3 +1,5 @@
+/* Changing header */
+
 .block-header-2--logo img {
     max-height: 4.0rem;
 }
@@ -6,6 +8,12 @@
     padding: 0.5rem 2rem;
 }
 
+header {
+    border-bottom: 1px solid #fff;
+}
+
+/* Overwriting colors */
+
 .block-hero-2 {
     --bg: #004C92;
 }
@@ -19,16 +27,51 @@
     color: #fff;
 }
 
+.button.secondary{
+	background-color:transparent;
+	border:1.5px solid #004C92;
+}
+
+.block-header-1 .nav-item.active a{
+	color:#004C92;
+}
+
+.nav-item.active a:hover{
+	color:#004C92;
+}
+
+.nav-item.active a{
+	color:#004C92;
+}
+
+.nav-item.active a:hover{
+	color:#004C92;
+}
+
+.block-hero-1{
+	--bg:#004C92;
+	--text:#fff;}
+
+.block-hero-2{
+	--bg:#004C92;
+	--text:#fff;
+}
+.block-cta-bar{
+	background:#004C92;
+	color:#fff
+}
+
+
+::-moz-selection{background:#004C92;color:#fff}
+::-webkit-selection{background:#004C92;color:#fff}
+::selection{background:#004C92;color:#fff}
+
+/* Adjusting the size of elements */
+
 media screen and (min-width: 700px)
 .block-hero-2 .column.media img {
     width: 25vw;
     max-width: 320px;
 }
 
-header {
-    border-bottom: 1px solid #fff;
-}
 
-::-moz-selection{background:#004C92;color:#fff}
-::-webkit-selection{background:#004C92;color:#fff}
-::selection{background:#004C92;color:#fff}

index.md

@@ -22,9 +22,8 @@ page_sections:
     button_text: Download
 - template: hero-banner-w-image
   block: hero-2
-  headline: IRMA <br><strong>Your data in your wallet.</strong>
-  content: The authentication app that protects your privacy<br> and puts you in control
-    of your information.
+  headline: Get IRMA <br><strong>The digital passport that protects your privacy.</strong>
+  content: IRMA stores your credentials on your phone and no where else.<br> IRMA keeps your data in your pocket. 
   cta:
     enabled: true
     url: https://github.com/forestryio/ubuild-jekyll