added blockquote styling

src/assets/scss/base/_generic.scss

@@ -78,15 +78,13 @@ img {
 }
 
 hr {
-  background-image: linear-gradient(
-    to bottom,
-    transparent 1px,
-    transparent 11px,
-    $color-base 11px,
-    $color-base 15px,
-    transparent 15px,
-    transparent 26px
-  );
+  background-image: linear-gradient(to bottom,
+      transparent 1px,
+      transparent 11px,
+      $color-base 11px,
+      $color-base 15px,
+      transparent 15px,
+      transparent 26px);
   background-size: 100% 26px;
   border: 0;
   color: $color-base;
@@ -128,11 +126,32 @@ p {
 }
 
 blockquote {
+  border-color: #d9d9d9;
+  border-style: solid;
+  border-width: 2px 0;
+  display: block;
+  // border-color: #eee;
   font-style: italic;
-  padding: 0;
+  margin: 1.5em 0;
+  padding: 1.5em 0 0.5em;
+  position: relative;
   text-align: center;
 }
 
+blockquote:before {
+  background: $color-bg;
+  color: $color-gray;
+  content: "\201C";
+  font: 4em/1.08em ubuntu;
+  height: 2rem;
+  left: 50%;
+  position: absolute;
+  text-align: center;
+  top: 0em;
+  transform: translate(-50%, -75%);
+  width: 3rem;
+}
+
 figure {
   display: block;
   height: auto;
@@ -150,6 +169,7 @@ figcaption {
 }
 
 @include breakpoint-sm {
+
   figure.float-left,
   figure.float-right {
     max-width: 310px;