fixed blockquote

css/style.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 /*
  * @file
  * Overall specifications for Magazine+.
@@ -232,18 +233,18 @@ blockquote p {
 p + blockquote {
   margin-top: 30px; }
 
-blockquote:before {
-  content: '';
-  width: 170px;
-  height: 5px;
-  background-color: #f4f4f4;
-  position: absolute;
-  top: 0;
-  left: 0; }
-
 blockquote p:first-child:before {
   content: '- '; }
 
+blockquote p:first-child:before {
+  content: '“';
+  font-size: 3em;
+  /* line-height: 0em; */
+  vertical-align: baseline;
+  position: relative;
+  top: 0.4em;
+  color: #999; }
+
 blockquote footer {
   font-style: normal;
   color: #2d2d2d; }

src/scss/_typography.scss

@@ -239,17 +239,26 @@ p + blockquote {
     margin-top: 30px;
 }
 blockquote:before {
-    content: '';
+    //content: '';
-    width: 170px;
+    //width: 170px;
-    height: 5px;
+    //height: 5px;
-    background-color: #f4f4f4;
+    //background-color: #f4f4f4;
-    position: absolute;
+    //position: absolute;
-    top: 0;
+    //top: 0;
-    left: 0;
+    //left: 0;
 }
 blockquote p:first-child:before {
     content: '- ';
 }
+blockquote p:first-child:before {
+    content: '“';
+    font-size: 3em;
+    /* line-height: 0em; */
+    vertical-align: baseline;
+    position: relative;
+    top: 0.4em;
+    color: #999;
+}
 blockquote footer {
     font-style: normal;
     color: #2d2d2d;