changes media query file name and adds example

diff --git a/docs/pages/media-queries.md b/docs/pages/media-queries.md
index 40f7565977e0501f73861116c8ae4698edd2face..343348edc3df41c4079075b49c1ef8f1faa1cd30 100644 (file)
--- a/docs/pages/media-queries.md
+++ b/docs/pages/media-queries.md
@@ -46,6 +46,22 @@ The Sass version of Foundation uses a convenient variable to set the breakpoint
 @media only screen and (max-width: #{$global-breakpoint}) {}
 ```
 
+### Example usage
+
+```
+.newsletter-title {
+  text-transform: uppercase;
+  font-size: 9px;
+  padding-left: 40px;
+  font-weight: bold;
+
+  @media only screen and (max-width: #{$global-breakpoint}) {
+    padding-left: 0;
+  }
+}
+```
+
+
 ---
 
 ## Changing the Breakpoint