diff --git a/app/index.html b/app/index.html
index 7c544c6..70b837c 100644
--- a/app/index.html
+++ b/app/index.html
@@ -15,6 +15,7 @@
         <!-- endbuild -->
     </head>
     <body>
+        <a href="#sign-in" data-target="sign-in" class="btn-sign-in">Sign In <i class="icon-tw-white"></i><i class="icon-fb-white"></i></a>
 <!--         <nav>
             <div class="center">
                 <ul>
@@ -41,7 +42,6 @@
                 <button type="submit" class="hide">Submit Your Four Words</button>
             </form>
         </div>
-        <a href="#sign-in" data-target="sign-in" class="btn-sign-in">Sign In <i class="icon-tw-white"></i><i class="icon-fb-white"></i></a>
         <div class="container">
             <!-- <section class="sotm">
                 <article id="row5">
diff --git a/app/item.html b/app/item.html
index 1dab413..4cf52f4 100644
--- a/app/item.html
+++ b/app/item.html
@@ -14,29 +14,49 @@
         <link rel="stylesheet" href="styles/main.css">
         <!-- endbuild -->
     </head>
-    <body>
+    <body class="item">
+        <a href="#sign-in" data-target="sign-in" class="btn-sign-in">Sign In <i class="icon-tw-white"></i><i class="icon-fb-white"></i></a>
         <nav>
             <div class="center">
                 <ul>
                     <li><a href="">SO HOT RIGHT NOW</a></li>
                     <li><a href="">THE BEST SHIRT EVER</a></li>
                     <li><a href="">SUPPORT YOUR LOCAL DEVELOPER</a></li>
-                    <li><a href=""></a></li>
                 </ul>
             </div>
         </nav>
 
         <!-- Header -->
 
-        <section class="creator">
-
-        </section>
-        
-        <a href="#sign-in" data-target="sign-in" class="btn-sign-in">Sign In <i class="icon-tw-white"></i><i class="icon-fb-white"></i></a>
         <div class="container">
-            <section>
-                
-            </section>  
+            <section class="item-display">
+                <div class="item-container">
+                    <div class="words">
+                        <h1>
+                            <span>Alphabet</span>
+                            <span>Motorcycle</span>
+                            <span>Symphonic</span>
+                            <span>Numerical</span>
+                            <span class="hide">Shirt</span>
+                        </h1>
+                        <span class="domain">www.fourwordsonshirts.com</span>
+                    </div>
+                    <div class="controls">
+                        <div class="color">
+                            <input type="radio" name="color" value="black"><span class="swatch_black active" data-target="swatch-black">Black</span>
+                            <input type="radio" name="color" value="white"><span class="swatch_white" data-target="swatch-white">White</span>
+                        </div>
+                        <div class="size">
+                            <select name="size" id="">
+                                <option value="">What Size You Is?</option>
+                                <option value="s">Men's Small</option>
+                                <option value="m">Men's Medium</option>
+                            </select>
+                        </div>
+                        <a href="" class="btn buy">you must have this</a>
+                    </div>
+                </div>
+            </section>
         </div>
 
         <section id="sign-in" style="display:none;" class="login-container modal">
diff --git a/app/styles/_item.scss b/app/styles/_item.scss
new file mode 100644
index 0000000..c04b2c4
--- /dev/null
+++ b/app/styles/_item.scss
@@ -0,0 +1,115 @@
+body.item{
+	.container{
+		margin:0;
+	}
+	.item-display{
+		@extend .creator;
+		position:relative;
+		top:0;
+		background-position:0 0;
+		width:85%;
+		background-size:100%;
+		margin:0 auto;
+		max-height: 700px;
+		overflow: hidden;
+
+	}
+}
+
+@media screen and (max-width: 720px) {
+	body.item{
+		.item-display{
+			display: block;
+			width:100%;
+			background-size:750px;
+			background-position:55% 10%;
+
+			.item-container{
+				width:300px;
+				margin:140px auto;
+
+				.words{
+					color:$white;
+					text-align: right;
+
+					h1{
+						margin:0;
+					}
+
+					span{
+						display: block;
+						font-size:1.6em;
+						line-height: .9em;
+
+						&.hide{
+							display: none;
+						}
+
+						&.domain{
+							font-size:5px;
+							line-height:2em;
+						}
+					}
+				}
+
+				.controls{
+					overflow: hidden;
+					position:fixed;
+					bottom:40px;
+					.color{
+						input{
+							display:none;
+						}
+
+						.swatch{
+							display:block;
+							float:left;
+							width:40px;
+							height:40px;
+							color:transparent;
+							background:$black;
+							margin-right:5px;
+							border: 3px solid transparent;
+						}
+
+						.swatch_black,.swatch_white{
+							@extend .swatch;
+						}
+
+						.swatch_black{
+							&.active{
+								border-color:$white;
+							}
+						}
+
+						.swatch_white{
+							background:$white;
+							&.active{
+								border-color:$black;
+							}
+						}
+					}
+					.size{
+						float:left;
+
+						select{
+							width:198px;
+							border:0;
+							padding:14px 10px 13px;
+							font-size:1em;
+							margin:0;
+							@include border-radius(0px);
+							-webkit-appearance: none;
+						}
+					}
+						.btn.buy{
+						width:281px;
+						margin-top:10px;
+						text-align: center;
+						font-size:1.3em;
+					}
+				}
+			}
+		}
+	}
+}
\ No newline at end of file
diff --git a/app/styles/main.scss b/app/styles/main.scss
index 62f2290..b8fd6d0 100644
--- a/app/styles/main.scss
+++ b/app/styles/main.scss
@@ -71,6 +71,10 @@ button {
     }
 }
 
+a.btn{
+    @extend button;
+}
+
 .quiet{
     color:rgba($black,.3);
 }
@@ -104,10 +108,33 @@ button {
     }
 }
 
+nav{
+    background:$black;
+    ul{
+        padding:5px;
+        margin:0;
+        overflow:hidden;
+        li{
+            list-style: none;
+            float:left;
+            margin:0 5px;
+
+            a{
+                border:none;
+                display: block;
+                padding:5px;
+                background:$white;
+            }
+        }
+    }
+}
+
 .btn-sign-in{
     @extend button;
-    float:right;
-    margin:10px 20px 0 0;
+    background:$halfBlack;
+    position: absolute;
+    right:0;
+    margin:5px 5px 0 0;
 
     i {
         display:inline-block;
@@ -275,7 +302,7 @@ footer {
     background:$almostWhite;
     padding: 20px;
     text-align:right;
-    margin-top:30px;
+    margin-top:0;
     font-size:12px;
 }
 
@@ -287,7 +314,7 @@ footer {
         margin-left:0;
         padding:0;
     }
-    .creator,.shirt-form {
+    .creator,.shirt-form,nav {
         display:none;
     }
 
@@ -300,3 +327,5 @@ footer {
         }
     }
 }
+
+@import 'item';
