From f5b14997766de3a7481936e669fba03e2a10241d Mon Sep 17 00:00:00 2001
From: Chris Rebert <code@rebertia.com>
Date: Mon, 12 Aug 2013 11:31:45 -0700
Subject: [PATCH] copyedit media queries docs added in
 aefed0ada9791338be11dd5318b24f17f517d51a

---
 css.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/css.html b/css.html
index 190f8f2377..cf3e423b49 100644
--- a/css.html
+++ b/css.html
@@ -84,7 +84,7 @@ base_url: "../"
     <p class="lead">Bootstrap includes a responsive, mobile-first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. It includes <a href="#grid-example-basic">predefined classes</a> for easy layout options, as well as powerful <a href="#grid-less">mixins for generating more semantic layouts</a>.</p>
 
     <h3 id="grid-media-queries">Media queries</h3>
-    <p>We use the following media queries to create our the key breakpoints in our grid system.</p>
+    <p>We use the following media queries to create the key breakpoints in our grid system.</p>
 {% highlight css %}
 /* Extra small devices (phones, up to 480px) */
 /* No media query since this is the default in Bootstrap */
@@ -98,7 +98,7 @@ base_url: "../"
 /* Large devices (large desktops, 1200px and up) */
 @media (min-width: @screen-large-desktop) { ... }
 {% endhighlight %}
-    <p>We ocassionally expand on these media queries to include a <code>max-width</code> to limit CSS to a narrower set of devices.</p>
+    <p>We occasionally expand on these media queries to include a <code>max-width</code> to limit CSS to a narrower set of devices.</p>
 {% highlight css %}
 @media (max-width: @screen-phone-max) { ... }
 @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) { ... }