diff --git a/public/css/index.styl b/public/css/index.styl
index 8d8e45e632..07e2829d0b 100644
--- a/public/css/index.styl
+++ b/public/css/index.styl
@@ -29,6 +29,7 @@
 @import "./shared.styl"
 @import "./footer.styl"
 @import "./menu.styl"
+@import "./options.styl"
 
 html,body,p,h1,ul,li,table,tr,th,td
   margin: 0
diff --git a/public/css/options.styl b/public/css/options.styl
new file mode 100644
index 0000000000..c450af91fe
--- /dev/null
+++ b/public/css/options.styl
@@ -0,0 +1,26 @@
+#main > div > div > div > .tab-content
+  margin: 1.618em 0em
+  @media screen and (min-width:768px)
+    border: 1px solid darken($color-options-menu, 12%)
+    padding-bottom: 1.618em
+.options-menu, .options-submenu
+  @extend $hrpg-submenu
+  border-bottom: 1px solid darken($color-options-menu, 12%)
+.options-menu
+  @media screen and (min-width:768px)
+    background-color: $color-options-menu
+  li
+    @extend $hrpg-button
+    hrpg-button-color-mixin($color-options-menu)  
+.options-submenu
+  margin-top: -1.618em
+  background-color: $color-options-submenu
+  li
+    @extend $hrpg-button
+    hrpg-button-color-mixin($color-options-submenu)
+  @media screen and (max-width:768px)
+    padding: 1em 0.618em 0 0.618em
+    border: 1px solid darken($color-options-menu, 12%)
+    border-top: none
+    
+  
\ No newline at end of file