1 files changed, 65 insertions, 0 deletions
diff --git a/src/scss/custom/_header.scss b/src/scss/custom/_header.scss
new file mode 100644
index 0000000..1377035
--- /dev/null
+++ b/src/scss/custom/_header.scss
@@ -0,0 +1,65 @@
+/* ------------- Menu Mobile sin JS ---------------- */
+/* input hidden */
+
+#navbar-toggle-cbox {
+    display: none;
+}
+
+label[for=navbar-toggle-cbox] {
+    cursor: pointer;
+}
+
+#navbar-toggle-cbox:checked ~ .navbar-menu {
+    display: block;
+}
+
+/*- ----------- End Menu Mobile sin JS ------------- */
+/* navigation */
+
+.navbar {
+    background-color: #0c0f0f;
+    a {
+        color: whitesmoke;
+    }
+    &.is-social-center {
+        align-items: stretch;
+        background-color: transparent;
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        flex-grow: 0;
+        flex-shrink: 0;
+        justify-content: center;
+        margin-left: auto;
+        margin-right: auto;
+        -webkit-box-align: stretch;
+        -webkit-box-pack: center;
+        -webkit-box-flex: 0;
+        -ms-flex-pack: center;
+        -ms-flex-align: stretch;
+        -ms-flex-negative: 0;
+        -ms-flex-positive: 0;
+        > a.navbar-item {
+            color: #4a4a4a;
+            background-color: transparent;
+            &:hover {
+                color: #dd7325;
+            }
+        }
+    }
+}
+
+/* main-header */
+
+.main-header {
+    .title {
+        color: whitesmoke;
+    }
+    .subtitle {
+        color: #dd7325;
+    }
+    box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
+    .hero {
+        background-color: #161c1c;
+    }
+}