diff --git a/11-Chapter 11: Building a JavaScript-Driven Website/index-11.html b/11-Chapter 11: Building a JavaScript-Driven Website/index-11.html
index 4adb7cd..74e8036 100644
--- a/11-Chapter 11: Building a JavaScript-Driven Website/index-11.html	
+++ b/11-Chapter 11: Building a JavaScript-Driven Website/index-11.html	
@@ -25,11 +25,11 @@ <h2>Shop</h2>
         <div id="coffee-menu-container">
         </div>
     </section>
-    <section class="about-us">
+    <section id="about" class="about">
         <h2>About Us</h2>
         <p>Our mission is to provide the highest quality coffee to our community.</p>
     </section>
-    <section class="contact-us">
+    <section id="contact" class="contact">
         <h2>Contact Us</h2>
         <p>Email us at <a href="mailto:support@clydebankmedia.com">support@clydebankmedia.com</a> or call us at (800) 340-3069.</p>
     </section>
diff --git a/11-Chapter 11: Building a JavaScript-Driven Website/style-11.css b/11-Chapter 11: Building a JavaScript-Driven Website/style-11.css
index 5359ff1..2dbb09f 100644
--- a/11-Chapter 11: Building a JavaScript-Driven Website/style-11.css	
+++ b/11-Chapter 11: Building a JavaScript-Driven Website/style-11.css	
@@ -23,6 +23,10 @@ header {
     color: white;
 }
 
+/* Set about and contact-us to hidden by default */
+#about { display: none; }
+#contact { display: none; }
+
 /* Move the hamburger a bit to the left and down */
 .hamburger {
     margin-left: -20px;
@@ -57,12 +61,12 @@ section {
     list-style: none;
 }
 
-.about-us {
+.about {
     background-color: #C08552;
     color: white;
 }
 
-.contact-us, .contact-us a {
+.contact, .contact-us a {
     color: white;
 }