Sponsors styling

web/themes/dcb2017/sass/_global.scss

@@ -16,3 +16,7 @@ a:visited {
 h1, h2, h3, h4 {
   font-weight: 600;
 }
+
+h1, h2 {
+  text-transform: uppercase;
+}

web/themes/dcb2017/sass/components/_views.scss

@@ -0,0 +1,52 @@
+.views-view-table {
+  td {
+    display: block;
+    vertical-align: top;
+
+    &.views-field-field-logo {
+      padding: 1em 0;
+      text-align: center;
+
+      @include media-large {
+        padding: 2em 2em 2em 0;
+      }
+    }
+
+    @include media-large {
+      display: table-cell;
+    }
+  }
+
+  .views-field-body a {
+    @include button;
+  }
+}
+
+.view-silver-sponsors {
+  overflow: hidden;
+  text-align: center;
+
+  .sponsor {
+    box-sizing: border-box;
+    float: left;
+    padding: 1em;
+    width: 100%;
+
+    @include media-tablet {
+      width: 50%;
+    }
+
+    @include media-large {
+      width: 33.333%;
+    }
+
+    @include media-wide {
+      width: 20%;
+    }
+  }
+
+  img {
+    height: auto;
+    max-width: 100%;
+  }
+}

web/themes/dcb2017/sass/layout/_content-bottom.scss

@@ -0,0 +1,39 @@
+.region-content-bottom {
+  margin: 2em 0 4em;
+  text-align: center;
+
+  h2 {
+    font-size: 2em;
+    font-weight: 700;
+
+    @include media-tablet {
+      font-size: 3em;
+    }
+    @include media-large {
+      font-size: 4em;
+    }
+
+    span {
+      color: $dcb-green;
+    }
+  }
+
+  .block {
+    margin: 2em 1em;
+  }
+
+  .sponsor-link a {
+    @include button;
+    background-color: $dcb-green;
+
+    &:hover,
+    &:focus {
+      background: $dcb-purple;
+    }
+  }
+
+  img {
+    height: auto;
+    max-width: 100%;
+  }
+}

web/themes/dcb2017/sass/layout/_content.scss

@@ -2,4 +2,8 @@
   margin: 0 auto;
   max-width: 72rem;
   padding: 1rem;
+
+  .block-views {
+    margin-bottom: 5em;
+  }
 }

web/themes/dcb2017/sass/style.scss

@@ -9,8 +9,10 @@
 @import 'layout/featured';
 @import 'layout/content';
 @import 'layout/content-top';
+@import 'layout/content-bottom';
 @import 'layout/footer';
 
 @import 'components/menus';
 @import 'components/blocks';
 @import 'components/forms';
+@import 'components/views';