Tweaked the media selectors

2 files changed, 15 insertions, 6 deletions

diff --git a/index.html b/index.html
index 84d22f2..a1da3f2 100644
--- a/index.html
+++ b/index.html
@@ -47,8 +47,8 @@
                         </div>
                         <div>
                             <p>
-                            I design quality, clear educational resources which can be downloaded
-                            from my <a href="#" target="_blank">TES shop</a> for free.
+                            For more details of current projects, the processes involved
+                            and items are soon to be made available, please visit <a href="#" target="_blank">my blog</a>.
                             </p>
                         </div>
                     </div>
@@ -120,8 +120,8 @@
                         </div>
                         <div>
                             <p>
-                            I design quality, clear educational resources which can be downloaded
-                            from my <a href="#" target="_blank">TES shop</a> for free.
+                            I design and hand-sew bright, colourful resources for children
+                            which can be bought at <a href="#" target="_blank">Etsy</a>.  
                             </p>
                         </div>
                     </div>
diff --git a/style.css b/style.css
index 13b3d76..7a30044 100644
--- a/style.css
+++ b/style.css
@@ -131,7 +131,7 @@ img {
 }
 
 .inner-grid_1 p {
-    font-size: 1.6rem;
+    font-size: 2.0rem;
     color: darkgray;
     padding-right: 100px;
     padding-top: 100px;
@@ -185,10 +185,19 @@ img {
   }
 }
 
+@media only screen and (max-width: 1200px) {
+  .inner-grid_1 p {
+	text-align: left;
+    font-size: 2.0rem;
+    padding-top: 10px;
+    padding-right: 20px;
+  }
+}
+
 @media only screen and (max-width: 900px) {
   .inner-grid_1 p {
 	text-align: left;
-    font-size: 1.4rem;
+    font-size: 1.3rem;
     padding-top: 10px;
     padding-right: 20px;
   }