diff --git a/web/themes/dcb2017/css/style.css b/web/themes/dcb2017/css/style.css
index 85838f0b1..301a1ce5d 100644
--- a/web/themes/dcb2017/css/style.css
+++ b/web/themes/dcb2017/css/style.css
@@ -2,8 +2,13 @@ html {
   font-family: 'Poppins', sans-serif;
   font-size: 16px; }
 
-body {
-  background: white; }
+a,
+a:visited {
+  color: #666; }
+  a:hover, a:focus,
+  a:visited:hover,
+  a:visited:focus {
+    color: black; }
 
 .region-header {
   margin: 0 auto;
@@ -14,6 +19,7 @@ body {
   position: relative; }
   .region-featured:after {
     background-image: url("../images/dcb-bg.jpg");
+    background-position: center center;
     background-size: cover;
     content: '';
     position: absolute;
@@ -33,19 +39,33 @@ body {
 
 .region-content {
   margin: 0 auto;
-  max-width: 72rem; }
+  max-width: 72rem;
+  padding: 1rem; }
 
 .region-footer {
   margin: 0 auto;
-  max-width: 72rem; }
+  max-width: 72rem;
+  padding: 1rem; }
+
+.layout-container > footer {
+  background-image: url("../images/dcb-bg.jpg");
+  background-position: center center;
+  background-size: cover; }
 
 ul.menu {
   margin: 0;
-  padding: 0; }
+  padding: 0;
+  text-align: center; }
+  @media screen and (min-width: 37.5rem) {
+    ul.menu {
+      text-align: left; } }
   ul.menu li.menu-item {
     display: inline-block;
-    padding: 1rem 1.5rem;
+    padding: 0.5rem 1rem;
     text-transform: uppercase; }
+    @media screen and (min-width: 37.5rem) {
+      ul.menu li.menu-item {
+        padding: 1rem 1.5rem; } }
     ul.menu li.menu-item a {
       color: black;
       text-decoration: none; }
@@ -53,16 +73,24 @@ ul.menu {
         color: #44efb9; }
 
 nav.menu--main {
-  float: right;
-  font-weight: bold;
-  margin: 0.8rem; }
+  font-weight: bold; }
+  @media screen and (min-width: 37.5rem) {
+    nav.menu--main {
+      margin: 0.8rem;
+      float: right; } }
 
 .block-system-branding-block {
-  float: left;
-  margin: 0.5em 2em; }
+  margin: 0.5rem auto;
+  width: 8rem; }
+  @media screen and (min-width: 37.5rem) {
+    .block-system-branding-block {
+      float: left;
+      margin: 0.5rem 2rem;
+      width: auto; } }
 
 .site-logo img {
   display: block;
+  max-width: 100%;
   width: 11rem; }
 
 #block-homepagehero {
@@ -70,8 +98,13 @@ nav.menu--main {
   line-height: 1.2;
   margin: auto;
   max-width: 30rem;
-  padding: 10rem 1rem;
+  padding: 3rem 1rem;
   text-align: center; }
+  @media screen and (min-width: 37.5rem) {
+    #block-homepagehero {
+      padding: 10rem 1rem; } }
+  #block-homepagehero img {
+    max-width: 100%; }
 
 .form-item > label {
   display: block;
@@ -90,4 +123,8 @@ nav.menu--main {
   .form-submit:hover, .form-submit:focus {
     background: #44efb9; }
 
+.form-text,
+.form-email {
+  max-width: 95%; }
+
 /*# sourceMappingURL=style.css.map */
diff --git a/web/themes/dcb2017/css/style.css.map b/web/themes/dcb2017/css/style.css.map
index 50687a7d1..143b3c3c4 100644
--- a/web/themes/dcb2017/css/style.css.map
+++ b/web/themes/dcb2017/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["_global.scss","layout/_header.scss","layout/_featured.scss","layout/_content.scss","layout/_footer.scss","components/_menus.scss","base/_variables.scss","components/_blocks.scss","components/_forms.scss","base/_mixins.scss"],"names":[],"mappings":"AAAA;EACE,mCAAmC;EACnC,gBAAgB,EACjB;;AAED;EACE,kBAAkB,EACnB;;ACPD;EACE,eAAe;EACf,iBAAiB;EACjB,iBAAiB,EAClB;;ACJD;EACE,mBAAmB,EAapB;EAdD;IAII,8CAAqB;IACrB,uBAAuB;IACvB,YAAY;IACZ,mBAAmB;IACnB,OAAO;IACP,QAAQ;IACR,SAAS;IACT,UAAU;IACV,YAAY,EACb;;AAGH;EACE,kBAAkB;EAClB,aAAa;EACb,kBAAkB;EAClB,kBAAkB;EAClB,cAAc;EACd,mBAAmB,EACpB;;ACvBD;EACE,eAAe;EACf,iBAAiB,EAClB;;ACHD;EACE,eAAe;EACf,iBAAiB,EAClB;;ACHD;EACE,UAAU;EACV,WAAW,EAkBZ;EAhBG;IACA,sBAAsB;IACtB,qBAAqB;IACrB,0BAA0B,EAY3B;IAnBH;MAUM,aAAa;MACb,sBAAsB,EAOvB;MAlBL;QAgBQ,eCdW,EDeZ;;AAKJ;EACD,aAAa;EACb,kBAAkB;EAClB,eAAe,EAChB;;AE1BD;EACE,YAAY;EACZ,kBAAkB,EACnB;;AAED;EACE,eAAe;EACf,aAAa,EACd;;AAED;EACE,kBAAkB;EAClB,iBAAiB;EACjB,aAAa;EACb,iBAAiB;EACjB,oBAAoB;EACpB,mBAAmB,EACpB;;ACjBY;EACX,eAAe;EACf,kBAAkB,EAMnB;EARY;IAKT,gBAAgB;IAChB,oBAAoB,EACrB;;AAGH;ECTE,oBHEgB;EGDhB,UAAU;EACV,aAAa;EACb,kBAAkB;EAClB,qBAAqB;EACrB,0BAA0B,EDM3B;EAFD;ICAI,oBHRe,EGShB","file":"style.css","sourcesContent":["html {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n}\n\nbody {\n  background: white;\n}\n\n",".region-header {\n  margin: 0 auto;\n  max-width: 72rem;\n  overflow: hidden;\n}\n",".region-featured {\n  position: relative;\n\n  &:after {\n    background-image: url('../images/dcb-bg.jpg');\n    background-size: cover;\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: -1;\n  }\n}\n\n.featured-footer {\n  background: black;\n  color: white;\n  font-size: 1.2rem;\n  font-weight: bold;\n  padding: 1rem;\n  text-align: center;\n}\n",".region-content {\n  margin: 0 auto;\n  max-width: 72rem;\n}\n",".region-footer {\n  margin: 0 auto;\n  max-width: 72rem;\n}\n","ul.menu {\n  margin: 0;\n  padding: 0;\n\n  li.menu-item {\n    display: inline-block;\n    padding: 1rem 1.5rem;\n    text-transform: uppercase;\n\n    a {\n      color: black;\n      text-decoration: none;\n\n      &:hover,\n      &:focus,\n      &.is-active {\n        color: $dcb-green;\n      }\n    }\n  }\n}\n\nnav.menu--main {\n  float: right;\n  font-weight: bold;\n  margin: 0.8rem;\n}\n","// Custom variables, colours etc.\n\n$dcb-green: #44efb9;\n$dcb-blue: #b33ee9;\n$dcb-purple: #ec16a8;\n",".block-system-branding-block {\n  float: left;\n  margin: 0.5em 2em;\n}\n\n.site-logo img {\n  display: block;\n  width: 11rem;\n}\n\n#block-homepagehero {\n  font-size: 1.8rem;\n  line-height: 1.2;\n  margin: auto;\n  max-width: 30rem;\n  padding: 10rem 1rem;\n  text-align: center;\n}\n",".form-item > label {\n  display: block;\n  font-weight: bold;\n\n  &.option {\n    display: inline;\n    font-weight: normal;\n  }\n}\n\n.form-submit {\n  @include button;\n}\n","@mixin button {\n  background: $dcb-blue;\n  border: 0;\n  color: white;\n  font-weight: bold;\n  padding: 0.5rem 1rem;\n  text-transform: uppercase;\n\n  &:hover,\n  &:focus {\n    background: $dcb-green;\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["_global.scss","base/_variables.scss","layout/_header.scss","layout/_featured.scss","layout/_content.scss","layout/_footer.scss","components/_menus.scss","base/_mixins.scss","components/_blocks.scss","components/_forms.scss"],"names":[],"mappings":"AAAA;EACE,mCAAmC;EACnC,gBAAgB,EACjB;;AAED;;EAEE,YCDa,EDOd;EARD;;;IAMI,aAAa,EACd;;AEZH;EACE,eAAe;EACf,iBAAiB;EACjB,iBAAiB,EAClB;;ACJD;EACE,mBAAmB,EAcpB;EAfD;IAII,8CAAqB;IACrB,mCAAmC;IACnC,uBAAuB;IACvB,YAAY;IACZ,mBAAmB;IACnB,OAAO;IACP,QAAQ;IACR,SAAS;IACT,UAAU;IACV,YAAY,EACb;;AAGH;EACE,kBAAkB;EAClB,aAAa;EACb,kBAAkB;EAClB,kBAAkB;EAClB,cAAc;EACd,mBAAmB,EACpB;;ACxBD;EACE,eAAe;EACf,iBAAiB;EACjB,cAAc,EACf;;ACJD;EACE,eAAe;EACf,iBAAiB;EACjB,cAAc,EACf;;AAED;EACE,8CAAqB;EACrB,mCAAmC;EACnC,uBAAuB,EACxB;;ACVD;EACE,UAAU;EACV,WAAW;EACX,mBAAmB,EA0BpB;EC3BC;IDFF;MAMI,iBAAiB,EAuBpB,EAAA;EApBG;IACA,sBAAsB;IACtB,qBAAqB;IACrB,0BAA0B,EAgB3B;IC1BD;MDOE;QAME,qBAAqB,EAaxB,EAAA;IA5BH;MAmBM,aAAa;MACb,sBAAsB,EAOvB;MA3BL;QAyBQ,eLvBW,EKwBZ;;AAKP;EACE,kBAAkB,EAMnB;ECpCC;ID6BF;MAII,eAAe;MACf,aAAa,EAEhB,EAAA;;AEtCD;EACE,oBAAoB;EACpB,YAAY,EAOb;EDPC;ICFF;MAKI,YAAY;MACZ,oBAAoB;MACpB,YAAY,EAEf,EAAA;;AAED;EACE,eAAe;EACf,gBAAgB;EAChB,aAAa,EACd;;AAED;EACE,kBAAkB;EAClB,iBAAiB;EACjB,aAAa;EACb,iBAAiB;EACjB,mBAAmB;EACnB,mBAAmB,EASpB;ED9BC;ICeF;MASI,oBAAoB,EAMvB,EAAA;EAHC;IACE,gBAAgB,EACjB;;AC/BU;EACX,eAAe;EACf,kBAAkB,EAMnB;EARY;IAKT,gBAAgB;IAChB,oBAAoB,EACrB;;AAGH;EFFE,oBNLgB;EMMhB,UAAU;EACV,aAAa;EACb,kBAAkB;EAClB,qBAAqB;EACrB,0BAA0B,EED3B;EAFD;IFOI,oBNfe,EMgBhB;;AEJH;;EAEE,eAAe,EAChB","file":"style.css","sourcesContent":["html {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n}\n\na,\na:visited {\n  color: $dcb-grey;\n\n  &:hover,\n  &:focus {\n    color: black;\n  }\n}\n\n","// Custom variables, colours etc.\n\n$dcb-green: #44efb9;\n$dcb-blue: #b33ee9;\n$dcb-purple: #ec16a8;\n\n$dcb-grey: #666;\n",".region-header {\n  margin: 0 auto;\n  max-width: 72rem;\n  overflow: hidden;\n}\n",".region-featured {\n  position: relative;\n\n  &:after {\n    background-image: url('../images/dcb-bg.jpg');\n    background-position: center center;\n    background-size: cover;\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: -1;\n  }\n}\n\n.featured-footer {\n  background: black;\n  color: white;\n  font-size: 1.2rem;\n  font-weight: bold;\n  padding: 1rem;\n  text-align: center;\n}\n",".region-content {\n  margin: 0 auto;\n  max-width: 72rem;\n  padding: 1rem;\n}\n",".region-footer {\n  margin: 0 auto;\n  max-width: 72rem;\n  padding: 1rem;\n}\n\n.layout-container > footer {\n  background-image: url('../images/dcb-bg.jpg');\n  background-position: center center;\n  background-size: cover;\n}\n","ul.menu {\n  margin: 0;\n  padding: 0;\n  text-align: center;\n\n  @include media-tablet {\n    text-align: left;\n  }\n\n  li.menu-item {\n    display: inline-block;\n    padding: 0.5rem 1rem;\n    text-transform: uppercase;\n\n    @include media-tablet {\n      padding: 1rem 1.5rem;\n    }\n\n    a {\n      color: black;\n      text-decoration: none;\n\n      &:hover,\n      &:focus,\n      &.is-active {\n        color: $dcb-green;\n      }\n    }\n  }\n}\n\nnav.menu--main {\n  font-weight: bold;\n\n  @include media-tablet {\n    margin: 0.8rem;\n    float: right;\n  }\n}\n","// Tablet size breakpoint 600px.\n@mixin media-tablet {\n  @media screen and (min-width: 37.5rem) {\n    @content;\n  }\n}\n\n@mixin button {\n  background: $dcb-blue;\n  border: 0;\n  color: white;\n  font-weight: bold;\n  padding: 0.5rem 1rem;\n  text-transform: uppercase;\n\n  &:hover,\n  &:focus {\n    background: $dcb-green;\n  }\n}\n",".block-system-branding-block {\n  margin: 0.5rem auto;\n  width: 8rem;\n\n  @include media-tablet {\n    float: left;\n    margin: 0.5rem 2rem;\n    width: auto;\n  }\n}\n\n.site-logo img {\n  display: block;\n  max-width: 100%;\n  width: 11rem;\n}\n\n#block-homepagehero {\n  font-size: 1.8rem;\n  line-height: 1.2;\n  margin: auto;\n  max-width: 30rem;\n  padding: 3rem 1rem;\n  text-align: center;\n\n  @include media-tablet {\n    padding: 10rem 1rem;\n  }\n\n  img {\n    max-width: 100%;\n  }\n}\n",".form-item > label {\n  display: block;\n  font-weight: bold;\n\n  &.option {\n    display: inline;\n    font-weight: normal;\n  }\n}\n\n.form-submit {\n  @include button;\n}\n\n.form-text,\n.form-email {\n  max-width: 95%;\n}\n"]}
\ No newline at end of file
diff --git a/web/themes/dcb2017/sass/_global.scss b/web/themes/dcb2017/sass/_global.scss
index 42f9e137f..4040bb52a 100644
--- a/web/themes/dcb2017/sass/_global.scss
+++ b/web/themes/dcb2017/sass/_global.scss
@@ -3,7 +3,13 @@ html {
   font-size: 16px;
 }
 
-body {
-  background: white;
+a,
+a:visited {
+  color: $dcb-grey;
+
+  &:hover,
+  &:focus {
+    color: black;
+  }
 }
 
diff --git a/web/themes/dcb2017/sass/base/_mixins.scss b/web/themes/dcb2017/sass/base/_mixins.scss
index c8261108d..039f28756 100644
--- a/web/themes/dcb2017/sass/base/_mixins.scss
+++ b/web/themes/dcb2017/sass/base/_mixins.scss
@@ -1,3 +1,10 @@
+// Tablet size breakpoint 600px.
+@mixin media-tablet {
+  @media screen and (min-width: 37.5rem) {
+    @content;
+  }
+}
+
 @mixin button {
   background: $dcb-blue;
   border: 0;
diff --git a/web/themes/dcb2017/sass/base/_variables.scss b/web/themes/dcb2017/sass/base/_variables.scss
index 042771ee9..ac73c925e 100644
--- a/web/themes/dcb2017/sass/base/_variables.scss
+++ b/web/themes/dcb2017/sass/base/_variables.scss
@@ -3,3 +3,5 @@
 $dcb-green: #44efb9;
 $dcb-blue: #b33ee9;
 $dcb-purple: #ec16a8;
+
+$dcb-grey: #666;
diff --git a/web/themes/dcb2017/sass/components/_blocks.scss b/web/themes/dcb2017/sass/components/_blocks.scss
index 3371de507..dfe0ba167 100644
--- a/web/themes/dcb2017/sass/components/_blocks.scss
+++ b/web/themes/dcb2017/sass/components/_blocks.scss
@@ -1,10 +1,17 @@
 .block-system-branding-block {
-  float: left;
-  margin: 0.5em 2em;
+  margin: 0.5rem auto;
+  width: 8rem;
+
+  @include media-tablet {
+    float: left;
+    margin: 0.5rem 2rem;
+    width: auto;
+  }
 }
 
 .site-logo img {
   display: block;
+  max-width: 100%;
   width: 11rem;
 }
 
@@ -13,6 +20,14 @@
   line-height: 1.2;
   margin: auto;
   max-width: 30rem;
-  padding: 10rem 1rem;
+  padding: 3rem 1rem;
   text-align: center;
+
+  @include media-tablet {
+    padding: 10rem 1rem;
+  }
+
+  img {
+    max-width: 100%;
+  }
 }
diff --git a/web/themes/dcb2017/sass/components/_forms.scss b/web/themes/dcb2017/sass/components/_forms.scss
index 6f102571d..9b833ff9a 100644
--- a/web/themes/dcb2017/sass/components/_forms.scss
+++ b/web/themes/dcb2017/sass/components/_forms.scss
@@ -11,3 +11,8 @@
 .form-submit {
   @include button;
 }
+
+.form-text,
+.form-email {
+  max-width: 95%;
+}
diff --git a/web/themes/dcb2017/sass/components/_menus.scss b/web/themes/dcb2017/sass/components/_menus.scss
index 0cecdae16..342e40498 100644
--- a/web/themes/dcb2017/sass/components/_menus.scss
+++ b/web/themes/dcb2017/sass/components/_menus.scss
@@ -1,12 +1,21 @@
 ul.menu {
   margin: 0;
   padding: 0;
+  text-align: center;
+
+  @include media-tablet {
+    text-align: left;
+  }
 
   li.menu-item {
     display: inline-block;
-    padding: 1rem 1.5rem;
+    padding: 0.5rem 1rem;
     text-transform: uppercase;
 
+    @include media-tablet {
+      padding: 1rem 1.5rem;
+    }
+
     a {
       color: black;
       text-decoration: none;
@@ -21,7 +30,10 @@ ul.menu {
 }
 
 nav.menu--main {
-  float: right;
   font-weight: bold;
-  margin: 0.8rem;
+
+  @include media-tablet {
+    margin: 0.8rem;
+    float: right;
+  }
 }
diff --git a/web/themes/dcb2017/sass/layout/_content.scss b/web/themes/dcb2017/sass/layout/_content.scss
index eb7a7a594..0a0c62007 100644
--- a/web/themes/dcb2017/sass/layout/_content.scss
+++ b/web/themes/dcb2017/sass/layout/_content.scss
@@ -1,4 +1,5 @@
 .region-content {
   margin: 0 auto;
   max-width: 72rem;
+  padding: 1rem;
 }
diff --git a/web/themes/dcb2017/sass/layout/_featured.scss b/web/themes/dcb2017/sass/layout/_featured.scss
index 287b7356b..a5b7a441c 100644
--- a/web/themes/dcb2017/sass/layout/_featured.scss
+++ b/web/themes/dcb2017/sass/layout/_featured.scss
@@ -3,6 +3,7 @@
 
   &:after {
     background-image: url('../images/dcb-bg.jpg');
+    background-position: center center;
     background-size: cover;
     content: '';
     position: absolute;
diff --git a/web/themes/dcb2017/sass/layout/_footer.scss b/web/themes/dcb2017/sass/layout/_footer.scss
index 7ea38cde1..07d86f886 100644
--- a/web/themes/dcb2017/sass/layout/_footer.scss
+++ b/web/themes/dcb2017/sass/layout/_footer.scss
@@ -1,4 +1,11 @@
 .region-footer {
   margin: 0 auto;
   max-width: 72rem;
+  padding: 1rem;
+}
+
+.layout-container > footer {
+  background-image: url('../images/dcb-bg.jpg');
+  background-position: center center;
+  background-size: cover;
 }