diff --git a/source/css/utilities.css b/source/css/utilities.css
index de6d279..cc91bbc 100644
--- a/source/css/utilities.css
+++ b/source/css/utilities.css
@@ -1,4 +1,7 @@
+.bg-balloon { background-image: url(/themes/dcb2017/images/dcb-bg.jpg); }
 .bg-black { background-color: #111111; }
+.bg-cover { background-size: cover; }
+.bg-center { background-position: center; }
 .flex { display: flex; }
 .flex-1 { flex: 1; }
 .flex-col { flex-direction: column; }
diff --git a/source/index.html.twig b/source/index.html.twig
index 867d66d..72af86b 100644
--- a/source/index.html.twig
+++ b/source/index.html.twig
@@ -57,7 +57,7 @@ layout: default
             </div>
         </div>
 
-        <footer role="contentinfo">
+        <footer role="contentinfo" class="bg-balloon bg-center bg-cover">
             <div class="region region-footer">
                 <div id="block-footerinfo" class="block block-block-content block-block-content1df4705d-991d-45d4-8c83-fa337eec6a69">
                     <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">