Updated header images, made our mission margins full page

_includes/header.html

@@ -1,4 +1,4 @@
-{% assign randomNumber = "now" | date: "%N" | modulo: 4 | plus: 1 %}
+{% assign randomNumber = "now" | date: "%N" | modulo: 5 | plus: 1 %}
 <div >
-    <img class="page-header" src="{{ site.baseurl }}/assets/images/headers/1.png">
+    <img class="page-header" src="{{ site.baseurl }}/assets/images/headers/{{ randomNumber }}.png">
 </div>

_layouts/our-mission.html

@@ -0,0 +1,30 @@
+---
+layout: default
+---
+<!-- Post Featured Image -->
+{% if page.image %}
+<div class="text-center mx-auto mb-5">
+  <img class="featured-image text-center mx-auto rounded" src="{{ site.baseurl }}/{{ page.image }}" alt="{{ page.title }}">
+</div>
+{% endif %}
+<!-- End Featured Image -->
+
+{% include header.html %}
+
+<div class="col-lg-auto mx-auto">
+
+  <div class="mainheading">
+    <h1 class="posttitle">{{ page.title }}</h1>
+  </div>
+
+  <div class="article-post serif-font">
+    {{content}}
+  </div>
+
+  {% if page.comments == true %}
+  <div id="comments">             
+      {% include disqus.html %} 
+  </div>
+  {% endif %}
+
+</div>

pages/our-mission.md

@@ -1,5 +1,5 @@
 ---
-layout: page
+layout: our-mission
 title: Our Mission
 permalink: "/our-mission/"
 comments: false