assets/styles/custom.scss

 main {
   h1, h2, h3, h4, h5, h6 {
-    margin-top: 2rem;
+    margin-top: 2.5rem;
   }
 
   img {

news.html

----
-layout: page
-title: News
-permalink: /news/
-order: 7
----
-
-{% for post in site.posts %}
-<div class="row">
-  <div class="four columns title">
-    <p class="meta">
-      {{ post.date | date: "%b %-d, %Y" }}
-    </p>
-  </div>
-  <div class="eight columns text">
-    <h2>{{ post.title }}</h2>
-    {{ post.excerpt }}
-    <p><a class="post-link" href="{{ post.url | prepend: site.baseurl }}">Read more…</a></p>
-  </div>
-</div>
-{% endfor %}

news.md

+---
+layout: new/default
+title: News
+permalink: /news/
+order: 7
+---
+
+# News
+
+{% for post in site.posts %}
+
+## [{{ post.title }}]({{ post.url | prepend: site.baseurl }})
+
+<span class="text-muted">
+{{ post.date | date: "%b %-d, %Y" }}
+</span>
+
+{{ post.excerpt }}
+
+<a href="({{ post.url | prepend: site.baseurl }}" class="btn btn-outline-primary">
+    Read more…
+</a>
+{% endfor %}