diff --git a/src/layouts/index.html b/src/layouts/index.html
index 500d201..d990a1e 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -1,5 +1,12 @@
 {{ define "main" }}
-  <!-- Hero Section -->
-
+<section>
+  <div class="container">
+    <div class="row">
+      <div class="col">
+        <h1>Keep what<br>is yours.</h1>  
+      </div>
+    </div>
+  </div>
+</section>
 
 {{ end }}
diff --git a/src/static/css/style.css b/src/static/css/style.css
index 1ca5556..5d24e95 100644
--- a/src/static/css/style.css
+++ b/src/static/css/style.css
@@ -1,5 +1,62 @@
-/* General */
+/* General/Utilities */
 
 body{
   background-color: #1a1a1a;
+  max-width: 1920px;
+}
+
+.container{
+  max-width: 1920px;
+  padding:0px;
+}
+
+@media only screen and (min-width: 1280px) {
+  .container{
+    padding: 80px 160px;
+  }
+}
+
+/* Brand Colors */
+
+.teal{
+  color:#00ffd0;
+}
+
+.black{
+  color: #1a1a1a;
+}
+
+.dark-gray{
+  color: #4d4d4d;
+}
+
+.grid-gray{
+  color: #949494;
+}
+
+
+
+/* General Typography */
+
+@font-face {
+  font-family: "pp-neue-machina";
+  src: url("/fonts/PPNeueMachina-InktrapLight.woff");
+}
+
+h1{
+  font-family: "pp-neue-machina", sans-serif;
+  color:#00ffd0;
+  text-transform:uppercase;
+}
+
+/* Breakpoint-Specific Typography */
+
+
+@media only screen and (min-width: 1280px) {
+
+  h1{
+    font-size: 224px;
+    line-height: 240px;
+  }
+
 }
diff --git a/static/fonts/PPNeueMachina-InktrapLight.woff b/src/static/fonts/PPNeueMachina-InktrapLight.woff
similarity index 100%
rename from static/fonts/PPNeueMachina-InktrapLight.woff
rename to src/static/fonts/PPNeueMachina-InktrapLight.woff