cleaner markup

2 files changed, 17 insertions, 20 deletions

diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index fe50b92..17c79a7 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -167,7 +167,7 @@ h5 {
 .page.profile {
   color:white;
 }
-.page .demo,
+
 .page .profilepage,
 .page .projectList {
   width: 100%;
@@ -337,6 +337,8 @@ iframe.embed {
   font-size: 80px;
   font-weight: 100;
   padding-top: 25px;
+	float: left;
+	width: 100%;
 }
 
 /* DOCUMENTATION / ABOUT SECTION / FAQ PAGES */
@@ -398,15 +400,12 @@ iframe.embed {
 	z-index: 3;
 	position: relative;
   font-size: 18px;
-  padding: 8px;
-  margin: 4px;
-
 }
 .topLinks span {
   font-weight: 300;
 }
 .topLinks a {
-  padding: 8px;
+  padding: 20px 8px;
   color: black;
   font-weight: 300;
 	float:right;
@@ -690,7 +689,7 @@ iframe.embed {
 }
 .logo {
   float:left;
-  padding:10px;
+  padding:7px 0 0 10px;
   z-index:4;
   position:relative;
   -webkit-user-select: none;
@@ -1706,15 +1705,15 @@ form li textarea {
 	margin-top: 20px;
 }
 
-.demo .video {
-  height:80vh;
-  min-height:300px;
+.hero {
+	float:left;
+	width:100%;
+	clear:both;
+	height:70vh;
+	display:table;
 	background-size:cover;
-	border-bottom:1px solid;
 }
-
-
-.demo .video .circle {
+.hero .circle {
 	font-size: 20px;
 	font-weight: 300;
 	background: white;
@@ -1723,7 +1722,7 @@ form li textarea {
 	border-radius: 230px;
 }
 
-.demo .video .circle:hover {
+.hero .circle:hover {
 	background:black;
 	color:white;
 	cursor:pointer;
diff --git a/views/home.ejs b/views/home.ejs
index 8c7362c..e49dc4a 100755
--- a/views/home.ejs
+++ b/views/home.ejs
@@ -13,17 +13,15 @@
 	<div class="rapper page">
 	[[ include partials/header ]]
 
-	<table class="demo">
-		<tr>
-			<td class="video" style="background-image:url(https://s3.amazonaws.com/luckyplop/6450f5b88c5c043a4551eff8902b1728f813bd66.jpg)">
+	<div class="hero" style="background-image:url(https://s3.amazonaws.com/luckyplop/6450f5b88c5c043a4551eff8902b1728f813bd66.jpg)">
+			<div class="holder">
 				<span class="circle">
 				<span class="videoTitle">Create 3D Rooms</span><br>
 				<span class="icon-ios7-play"></span><br>
 				<span class="videoTitle">Watch video.</span>
 				</span>
-			</td>
-		</tr>
-	</table>
+			</div>
+	</div>
 	
 	<h1>Room Showcase</h1>