Add some separators on portfolio pages

styles/components/_global_layout.scss

@@ -1,5 +1,5 @@
 #app-root {
-  background-color: $color-gray-lightest;
+  background-color: $color-white;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;

styles/components/_portfolio_layout.scss

@@ -2,6 +2,13 @@
   @include media($large-screen) {
     @include grid-row;
   }
+
+  .line {
+    box-sizing: border-box;
+    height: 2px;
+    width: 100%;
+    border: 1px solid $color-gray-lightest;
+  }
 }
 
 .portfolio-breadcrumbs {

templates/portfolios/base.html

@@ -7,9 +7,11 @@
       {% block portfolio_breadcrumbs %}
         {% include "portfolios/breadcrumbs.html" %}
       {% endblock %}
+      <div class='line'></div>
       {% block portfolio_header %}
         {% include "portfolios/header.html" %}
       {% endblock %}
+      <div class='line'></div>
       {% block portfolio_content %}{% endblock %}
     </div>
   </div>