diff --git a/static/img/down-arrow.png b/static/img/down-arrow.png
index 1c6d326..f4f1eee 100644
Binary files a/static/img/down-arrow.png and b/static/img/down-arrow.png differ
diff --git a/templates/root.html b/templates/root.html
index 3421372..e0d7cda 100644
--- a/templates/root.html
+++ b/templates/root.html
@@ -161,7 +161,7 @@ $(document).ready(function(){
 <div class="content_section">
 
 <!-- start of left content section -->
-<div class="left_content">
+<div class="left_content" style="position:relative; top:40px">
 
   <img src="http://robohash.com/{{ip}}.png" alt="You!" class="left" />
   
@@ -171,12 +171,17 @@ $(document).ready(function(){
 <div class="right_content">
 
  <div class="section_title">How cool is this?</div>
- 
- <p>That guy to your left there? He was specially generated from your IP address <i>Just for you</i>.<br>
-	Try on your phone, and I bet you get someone different! </p>
+ <p> That guy to your left there? He was specially generated from your IP address  <i>Just for you.</i></p>
+<div class="container" >
+	<div class="contain-right" style="width:60%; float:right;">	
+		<p>Try on your phone, and I bet you get someone different!</p>
+  		<p>Keep scrolling down to see some more freshly-assembled RoboHashes.</p>
+	</div>
+	<div class="contain-left" >	
+  		<img src="static/img/down-arrow.png" alt="Scroll down!" height=200 class="left" />
+	</div>
+</div>
 
-  <p>Keep scrolling down to see some more freshly-assembled RoboHashes.</p>
-  <img src="static/img/down-arrow.png" alt="You!" class="left" />
 
 </div><!-- end of right content section -->