Some stylistic changes

css/sass/screen.scss

@@ -208,6 +208,15 @@ em {
 					}
 					&.focus {
 					}
+
+					blockquote {
+						padding: gutter() $base-line-height;
+						font-style: italic;
+
+						i, em {
+							font-style: normal;
+						}
+					}
 				}
 				
 				figure {

css/screen.css

@@ -1,5 +1,5 @@
 @charset "UTF-8";
-/* line 5, ../../../.rvm/gems/ruby-2.4.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 5, ../../../.rvm/gems/ruby-2.6.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 html, body, div, span, applet, object, iframe,
 h1, h2, .page #content_box #inner_box article h3, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
@@ -21,50 +21,50 @@ time, mark, audio, video {
   vertical-align: baseline;
 }
 
-/* line 22, ../../../.rvm/gems/ruby-2.4.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 22, ../../../.rvm/gems/ruby-2.6.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 html {
   line-height: 1;
 }
 
-/* line 24, ../../../.rvm/gems/ruby-2.4.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 24, ../../../.rvm/gems/ruby-2.6.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 ol, ul {
   list-style: none;
 }
 
-/* line 26, ../../../.rvm/gems/ruby-2.4.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 26, ../../../.rvm/gems/ruby-2.6.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 table {
   border-collapse: collapse;
   border-spacing: 0;
 }
 
-/* line 28, ../../../.rvm/gems/ruby-2.4.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 28, ../../../.rvm/gems/ruby-2.6.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 caption, th, td {
   text-align: left;
   font-weight: normal;
   vertical-align: middle;
 }
 
-/* line 30, ../../../.rvm/gems/ruby-2.4.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 30, ../../../.rvm/gems/ruby-2.6.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 q, blockquote {
   quotes: none;
 }
-/* line 103, ../../../.rvm/gems/ruby-2.4.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 103, ../../../.rvm/gems/ruby-2.6.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 q:before, q:after, blockquote:before, blockquote:after {
   content: "";
   content: none;
 }
 
-/* line 32, ../../../.rvm/gems/ruby-2.4.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 32, ../../../.rvm/gems/ruby-2.6.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 a img {
   border: none;
 }
 
-/* line 116, ../../../.rvm/gems/ruby-2.4.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+/* line 116, ../../../.rvm/gems/ruby-2.6.4/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
 article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
   display: block;
 }
 
-/* line 106, ../../../.rvm/gems/ruby-2.4.1/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss */
+/* line 106, ../../../.rvm/gems/ruby-2.6.4/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss */
 html {
   font-size: 100%;
   line-height: 1.75em;
@@ -126,7 +126,7 @@ em {
   color: black;
   padding: 0.375em 1.5em 0.1875em 1.5em;
 }
-/* line 12, ../../../.rvm/gems/ruby-2.4.1/gems/susy-2.2.12/sass/susy/output/support/_clearfix.scss */
+/* line 12, ../../../.rvm/gems/ruby-2.6.4/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
 #cookie_monster .content:after {
   content: " ";
   display: block;
@@ -190,7 +190,7 @@ em {
   font-weight: normal;
   text-shadow: 0px 0px 3px black;
 }
-/* line 12, ../../../.rvm/gems/ruby-2.4.1/gems/susy-2.2.12/sass/susy/output/support/_clearfix.scss */
+/* line 12, ../../../.rvm/gems/ruby-2.6.4/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
 #bold_title:after {
   content: " ";
   display: block;
@@ -244,7 +244,7 @@ em {
   margin-left: auto;
   margin-right: auto;
 }
-/* line 12, ../../../.rvm/gems/ruby-2.4.1/gems/susy-2.2.12/sass/susy/output/support/_clearfix.scss */
+/* line 12, ../../../.rvm/gems/ruby-2.6.4/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
 .page #content_box #inner_box:after {
   content: " ";
   display: block;
@@ -394,13 +394,22 @@ em {
     margin-right: 0;
   }
 }
-/* line 213, sass/screen.scss */
+/* line 212, sass/screen.scss */
+.page #content_box #inner_box article section blockquote {
+  padding: 4.34783% 28px;
+  font-style: italic;
+}
+/* line 216, sass/screen.scss */
+.page #content_box #inner_box article section blockquote i, .page #content_box #inner_box article section blockquote em {
+  font-style: normal;
+}
+/* line 222, sass/screen.scss */
 .page #content_box #inner_box article figure {
   position: relative;
   margin-top: 14px;
   margin-bottom: 14px;
 }
-/* line 218, sass/screen.scss */
+/* line 227, sass/screen.scss */
 .page #content_box #inner_box article figure img {
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
@@ -408,7 +417,7 @@ em {
   width: 100%;
   display: block;
 }
-/* line 224, sass/screen.scss */
+/* line 233, sass/screen.scss */
 .page #content_box #inner_box article figure figcaption {
   position: absolute;
   width: 100%;
@@ -422,21 +431,21 @@ em {
   -webkit-border-radius: 0;
   border-radius: 0 0 4px 4px;
 }
-/* line 235, sass/screen.scss */
+/* line 244, sass/screen.scss */
 .page #content_box #inner_box article figure figcaption a {
   color: #fff;
   text-decoration: underline;
 }
-/* line 240, sass/screen.scss */
+/* line 249, sass/screen.scss */
 .page #content_box #inner_box article figure figcaption span {
   padding: 0 1em;
 }
-/* line 243, sass/screen.scss */
+/* line 252, sass/screen.scss */
 .page #content_box #inner_box article figure figcaption span:before {
   content: '\203A  ';
 }
 
-/* line 256, sass/screen.scss */
+/* line 265, sass/screen.scss */
 .home.page #bold_title h1 {
   text-align: center;
   width: 100%;
@@ -444,31 +453,31 @@ em {
   margin-left: 0;
   margin-right: 0;
 }
-/* line 260, sass/screen.scss */
+/* line 269, sass/screen.scss */
 .home.page #bold_title h1 .hi {
   font-size: 0.667em;
   vertical-align: super;
   margin-right: 0.25em;
 }
 @media (max-width: 32em) {
-  /* line 268, sass/screen.scss */
+  /* line 277, sass/screen.scss */
   .home.page #bold_title h1 {
     font-size: 3em;
     top: 0.35em;
   }
-  /* line 273, sass/screen.scss */
+  /* line 282, sass/screen.scss */
   .home.page #bold_title .tagline span {
     background: red;
     font-size: 0.75em;
   }
 }
 
-/* line 281, sass/screen.scss */
+/* line 290, sass/screen.scss */
 #content_box {
   background: white;
   position: relative;
 }
-/* line 285, sass/screen.scss */
+/* line 294, sass/screen.scss */
 #content_box #main_menu {
   background: black;
   max-width: 48em;
@@ -476,13 +485,13 @@ em {
   margin-right: auto;
   overflow: hidden;
 }
-/* line 12, ../../../.rvm/gems/ruby-2.4.1/gems/susy-2.2.12/sass/susy/output/support/_clearfix.scss */
+/* line 12, ../../../.rvm/gems/ruby-2.6.4/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
 #content_box #main_menu:after {
   content: " ";
   display: block;
   clear: both;
 }
-/* line 290, sass/screen.scss */
+/* line 299, sass/screen.scss */
 #content_box #main_menu ul {
   position: absolute;
   bottom: -42px;
@@ -492,19 +501,19 @@ em {
   overflow-y: hidden;
   -webkit-overflow-scrolling: touch;
 }
-/* line 299, sass/screen.scss */
+/* line 308, sass/screen.scss */
 #content_box #main_menu ul li {
   padding: 10px 15px 5px 0;
   display: inline-block;
 }
-/* line 304, sass/screen.scss */
+/* line 313, sass/screen.scss */
 #content_box #main_menu ul a {
   color: white;
   font-family: "Oswald", sans-serif;
   font-weight: normal;
 }
 @media (max-width: 48em) {
-  /* line 290, sass/screen.scss */
+  /* line 299, sass/screen.scss */
   #content_box #main_menu ul {
     width: 95.83333%;
     float: left;
@@ -515,31 +524,31 @@ em {
   }
 }
 
-/* line 319, sass/screen.scss */
+/* line 328, sass/screen.scss */
 #inner_box {
   max-width: 48em;
   margin-left: auto;
   margin-right: auto;
 }
-/* line 12, ../../../.rvm/gems/ruby-2.4.1/gems/susy-2.2.12/sass/susy/output/support/_clearfix.scss */
+/* line 12, ../../../.rvm/gems/ruby-2.6.4/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
 #inner_box:after {
   content: " ";
   display: block;
   clear: both;
 }
 
-/* line 324, sass/screen.scss */
+/* line 333, sass/screen.scss */
 .home.page #inner_box {
   padding-bottom: 0;
 }
-/* line 328, sass/screen.scss */
+/* line 337, sass/screen.scss */
 .home.page h2, .home.page #content_box #inner_box article h3 {
   line-height: 80px;
   text-align: center;
   font-size: 2em;
   font-family: 'Oswald', sans-serif;
 }
-/* line 335, sass/screen.scss */
+/* line 344, sass/screen.scss */
 .home.page .work.column {
   width: 25%;
   height: 300px;
@@ -551,7 +560,7 @@ em {
   vertical-align: bottom;
   background: gray;
 }
-/* line 346, sass/screen.scss */
+/* line 355, sass/screen.scss */
 .home.page .work.column span {
   position: absolute;
   color: white;
@@ -571,32 +580,32 @@ em {
   left: 1.33em;
   overflow: visible;
 }
-/* line 360, sass/screen.scss */
+/* line 369, sass/screen.scss */
 .home.page .work.column.research {
   background-image: url("../images/home-research-2x.png");
   background-position: right bottom;
   background-size: cover;
 }
-/* line 365, sass/screen.scss */
+/* line 374, sass/screen.scss */
 .home.page .work.column.development {
   background-image: url("../images/home-development-2x.png");
   background-position: right bottom;
   background-size: cover;
 }
-/* line 370, sass/screen.scss */
+/* line 379, sass/screen.scss */
 .home.page .work.column.writing {
   background-image: url("../images/home-writing-2x.png");
   background-position: right bottom;
   background-size: cover;
 }
-/* line 375, sass/screen.scss */
+/* line 384, sass/screen.scss */
 .home.page .work.column.other {
   background-image: url("../images/home-contact-2x.png");
   background-position: right bottom;
   background-size: cover;
 }
 
-/* line 383, sass/screen.scss */
+/* line 392, sass/screen.scss */
 #site_footer {
   max-width: 48em;
   margin-left: auto;
@@ -604,53 +613,53 @@ em {
   color: #d9e6f2;
   line-height: 22.4px;
 }
-/* line 12, ../../../.rvm/gems/ruby-2.4.1/gems/susy-2.2.12/sass/susy/output/support/_clearfix.scss */
+/* line 12, ../../../.rvm/gems/ruby-2.6.4/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
 #site_footer:after {
   content: " ";
   display: block;
   clear: both;
 }
-/* line 388, sass/screen.scss */
+/* line 397, sass/screen.scss */
 #site_footer .footer_body {
   padding-top: 46px;
   border-bottom: 1px solid #60809f;
 }
-/* line 392, sass/screen.scss */
+/* line 401, sass/screen.scss */
 #site_footer .footer_body a {
   color: #8cb3d9;
 }
-/* line 396, sass/screen.scss */
+/* line 405, sass/screen.scss */
 #site_footer .footer_body .column {
   padding-top: 14px;
   font-size: 0.75em;
 }
-/* line 400, sass/screen.scss */
+/* line 409, sass/screen.scss */
 #site_footer .footer_body .column.first {
   width: 13.04348%;
   float: left;
   margin-right: 4.34783%;
 }
-/* line 403, sass/screen.scss */
+/* line 412, sass/screen.scss */
 #site_footer .footer_body .column.second {
   width: 13.04348%;
   float: left;
   margin-right: 4.34783%;
 }
-/* line 407, sass/screen.scss */
+/* line 416, sass/screen.scss */
 #site_footer .footer_body .column.last {
   width: 65.21739%;
   float: right;
   margin-right: 0;
 }
 @media (max-width: 48em) {
-  /* line 412, sass/screen.scss */
+  /* line 421, sass/screen.scss */
   #site_footer .footer_body .column.first {
     width: 30.43478%;
     float: left;
     margin-right: 4.34783%;
     margin-left: 2.17391%;
   }
-  /* line 417, sass/screen.scss */
+  /* line 426, sass/screen.scss */
   #site_footer .footer_body .column.last {
     width: 47.82609%;
     float: right;