diff --git a/css/google-type.css b/css/google-type.css
index 435917d..0d1608b 100755
--- a/css/google-type.css
+++ b/css/google-type.css
@@ -373,6 +373,18 @@ h1, h2, p { margin: 0; padding: 0; }
   .section-jupiter-and-the-tortoise p{text-align: justify;}
 }
 
+/* --------------------------*/
+/* The Goatherd and The Goat */
+/* --------------------------*/
+
+.section-the-goatherd-and-the-goat { font-family: 'Alike', serif; line-height: 1.4; background-color: #c0bfcd; color: #EED; background-image: url(../images/bg-goatherd.jpeg); background-size: cover; box-shadow: inset 0 0 0 1000px rgba(0,0,0,.6); letter-spacing: 1px;}
+.section-the-goatherd-and-the-goat .container { width: 100%; overflow: hidden; padding: 40px 40px 40px; box-sizing: border-box; color: #000;}
+.section-the-goatherd-and-the-goat .caption { margin-bottom: 40px; margin-left: 0; color:#AAA;}
+.section-the-goatherd-and-the-goat .caption a {color:#AAA;}
+.section-the-goatherd-and-the-goat h2 { font-family: 'Yanone Kaffeesatz', sans-serif; font-weight:400; font-size: 42px; margin-bottom: 10px; padding-left: 40px; color: #DDC; }
+.section-the-goatherd-and-the-goat p { padding: 50px 60px; font-size: 18px;}
+.section-the-goatherd-and-the-goat .moral {font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 200; padding-top: 16px; padding-bottom:45px; text-align: center;}
+.section-the-goatherd-and-the-goat .col { max-width: 420px; float: right; }
 
 
 /* ---------------------- */
diff --git a/images/bg-goatherd.jpeg b/images/bg-goatherd.jpeg
new file mode 100644
index 0000000..52d9db5
Binary files /dev/null and b/images/bg-goatherd.jpeg differ
diff --git a/index.html b/index.html
index ec8c9a5..8e83314 100755
--- a/index.html
+++ b/index.html
@@ -60,6 +60,8 @@
         <!-- Google web fonts for "Jupiter And The Tortoise" -->
         <link href='http://fonts.googleapis.com/css?family=Philosopher|Muli' rel='stylesheet' type='text/css'>
 
+		<!-- Google web fonts for "The Goatherd and The Goat" -->
+		<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,200|Alike' rel='stylesheet' type='text/css'>
         <!-- Typography Project stylesheet -->
         <link href="css/google-type.css" rel="stylesheet">
 
@@ -402,7 +404,25 @@ <h2>Jupiter And The Tortoise</h2>
         </div>
         <!-- /.jupiter-and-the-tortoise -->
 
+		<!-- /.goatherd-and-the-goat -->
+		<div class="container-fluid section-the-goatherd-and-the-goat" id="section-goatherd">
 
+        	<div class="container">
+				<a href="https://twitter.com/travistravis" class="avatar" target="_blank" title="TravisLittlechilds"><img src=" https://pbs.twimg.com/profile_images/540112215777370112/ZvclGn_u_400x400.jpeg" alt="Travis Littlechilds"></a>
+<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,200|Alike' rel='stylesheet' type='text/css'>
+				<div class="caption">
+					<a href="http://www.google.com/fonts/specimen/Yanone+Kaffeesatz" target="_blank">Yanone Kaffensatz</a>, 
+					<a href="https://www.google.com/fonts/specimen/Alike" target="_blank">Alike</a>
+				</div>
+        	</div>
+
+		<h2>The Goatherd and The Goat</h2>
+
+		<p>A Goatherd was one day gathering his flock to return to the fold, when one of his goats strayed and refused to join the rest. He tried for a long time to get her to return by calling and whistling to her, but the Goat took no notice of him at all; so at last he threw a stone at her and broke one of her horns. In dismay, he begged her not to tell his master: but she replied, "You silly fellow, my horn would cry aloud even if I held my tongue."</p>
+
+		<p class="moral">It's no use trying to hide what can't be hidden.</p>
+
+		<!-- /.goatherd-and-the-goat -->
 
         <script src="scripts/jquery-1.11.1.min.js"></script>
         <script src="scripts/scripts.js"></script>