Refine content on visibility docs page

diff --git a/docs/pages/visibility.md b/docs/pages/visibility.md
index aab94ef23eda5dedef1979dc43dca44c9b28d02a..ef6c39382f0837cbc1ca9336f2a3666beb155241 100644 (file)
--- a/docs/pages/visibility.md
+++ b/docs/pages/visibility.md
@@ -1,15 +1,20 @@
 ---
 title: Visibility Classes
-descripiton: Selectively show content for different screen sizes.
+description: Selectively show content for different screen sizes.
+tags:
+  - show
+  - hide
 ---
 
 Visibility classes allow you to control what content appears on what screen size.
 
 Foundation for Emails has two breakpoints: *small*, which is any email client under 596 pixels wide, and *large*, any client over 596 pixels. This means small generally correlates to mobile clients, and large correlates to desktop clients.
 
-Due to Outlook's lack of support for certain CSS properties, the Foundation for Emails visibiility classes should be used in conjunction with conditional comments to ensure that the content is properly hidden (or shown) in Outlook 2007/2010/2013.
+Due to Outlook's lack of support for certain CSS properties, the Foundation for Emails visibility classes should be used in conjunction with conditional comments to ensure that the content is properly hidden (or shown) in Outlook 2007, 2010 and 2013.
 
-*Note: If you're using a visibility class on an image, be sure to apply it to the parent element, not to the image itself.*
+<div class="primary callout">
+  <p>If you're using a visibility class on an image, be sure to apply it to the parent element, not to the image itself.</p>
+</div>
 
 **To show content only on mobile clients,** add the class `.hide-for-large` to the element.