Remove hardcoded image url from css. Add styles for breadcrumb

bakerydemo/static/css/main.css

@@ -323,7 +323,6 @@ nav {
 
 /* Article title and hero image */
 .hero {
-  background-image: url("img/3.jpg");
   background-size: cover;
   background-position: center;
   padding: 200px 0 30px 0;
@@ -471,6 +470,7 @@ li.has-submenu a.allow-toggle {
 
 .breadcrumb {
   background-color: transparent;
+  font-family: 'Lato', sans-serif;
   font-size: 14px;
 }
 .breadcrumb>li+li:before {

bakerydemo/templates/tags/breadcrumbs.html

@@ -1,15 +1,22 @@
 {% load wagtailcore_tags %}
 
-{% if ancestors %}
-  <ol class="breadcrumb" aria-label="You are here:" role="navigation">
-      {% for ancestor in ancestors %}
-        {% if forloop.last %}
-          <li class="active">
-            {{ ancestor }}
-          </li>
-        {% else %}
-          <li><a href="{% pageurl ancestor %}">{{ ancestor }}</a></li>
-        {% endif %}
-      {% endfor %}
-  </ol>
-{% endif %}
+
+<div class="container">
+    <div class="row">
+        <div class="col-lg-12">
+          {% if ancestors %}
+            <ol class="breadcrumb" aria-label="You are here:" role="navigation">
+                {% for ancestor in ancestors %}
+                  {% if forloop.last %}
+                    <li class="active">
+                      {{ ancestor }}
+                    </li>
+                  {% else %}
+                    <li><a href="{% pageurl ancestor %}">{{ ancestor }}</a></li>
+                  {% endif %}
+                {% endfor %}
+            </ol>
+          {% endif %}
+        </div>
+    </div>
+</div>