diff --git a/docs/html/design/devices.jd b/docs/html/design/devices.jd
index 9554e9b..c67e585 100644
--- a/docs/html/design/devices.jd
+++ b/docs/html/design/devices.jd
@@ -13,7 +13,7 @@
 #text-overlay {
   position: absolute;
   left: 0;
-  top: 380px;
+  top: 410px;
   width: 340px;
 
 }
diff --git a/docs/html/design/media/device_family.png b/docs/html/design/media/device_family.png
index c4863fc..96b31d3 100644
--- a/docs/html/design/media/device_family.png
+++ b/docs/html/design/media/device_family.png
Binary files differ
diff --git a/docs/html/design/wear/structure.jd b/docs/html/design/wear/structure.jd
index 67b218a..f5ed49d 100644
--- a/docs/html/design/wear/structure.jd
+++ b/docs/html/design/wear/structure.jd
@@ -97,6 +97,9 @@
 
 <h2 id="Custom">Breaking out of the card (with custom layouts)</h2>
 
+<p>There are some things you can’t do on a card. Swiping in many directions on a map or a joystick are a few examples. In those cases it might be good idea to momentarily go full screen.</p>
+
+
 <a class="notice-developers" href="{@docRoot}training/wearables/apps/index.html">
   <div>
     <h3>Developer Docs</h3>
@@ -104,8 +107,6 @@
   </div>
 </a>
 
-<p>There are some things you can’t do on a card. Swiping in many directions on a map or a joystick are a few examples. In those cases it might be good idea to momentarily go full screen.</p>
-
 <img src="{@docRoot}design/media/wear/customlayout.png" alt="" width="760px" />
 
 <h3>When to go full screen</h3>