We should use blockquote tags instead of q with display block

template.html

@@ -28,9 +28,9 @@ <h3>An incremental list</h3>
 </section>
 
 <section>
-  <q>
+  <blockquote>
     Who's brave enough to fly into something we all keep calling a death sphere?
-  </q>
+  </blockquote>
 </section>
 
 <section>
@@ -89,15 +89,19 @@ <h2>End!</h2>
     font-size: 50px;
   }
 
-  q {
-    display: block;
-    width: 100%;
+  blockquote {
     height: 100%;
     background-color: black;
     color: white;
     font-size: 60px;
     padding: 50px;
   }
+  blockquote:before {
+    content: open-quote;
+  }
+  blockquote:after {
+    content: close-quote;
+  }
 
   /* Figures are displayed full-page, with the caption
      on top of the image/video */