Theming for schedule

web/themes/dcb2017/sass/_global.scss

@@ -13,3 +13,6 @@ a:visited {
   }
 }
 
+h1, h2, h3, h4 {
+  font-weight: 600;
+}

web/themes/dcb2017/sass/base/_mixins.scss

@@ -5,6 +5,20 @@
   }
 }
 
+// Desktop size breakpoint 900px.
+@mixin media-large {
+  @media screen and (min-width: 56.25rem) {
+    @content;
+  }
+}
+
+// Wide Desktop size breakpoint 1200px.
+@mixin media-wide {
+  @media screen and (min-width: 75rem) {
+    @content;
+  }
+}
+
 @mixin button {
   background: $dcb-blue;
   border: 0;

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

@@ -24,6 +24,13 @@
   text-align: center;
 
   @include media-tablet {
+  }
+
+  @include media-large {
+    padding: 6rem 1rem;
+  }
+
+  @include media-wide {
     padding: 10rem 1rem;
   }
 
@@ -31,3 +38,110 @@
     max-width: 100%;
   }
 }
+
+#block-dcbschedule {
+  overflow: hidden;
+  position: relative;
+
+  .field {
+    box-sizing: border-box;
+    padding: 2rem 2rem 2rem;
+    position: relative;
+    text-align: center;
+    text-transform: uppercase;
+
+    @include media-large {
+      float: left;
+      padding: 3rem 3rem 3rem;
+      position: static;
+      width: 33.333%;
+    }
+
+    @include media-wide {
+      padding: 5rem 4rem 4rem;
+    }
+
+    &:before {
+      bottom: 0;
+      content: '';
+      left: 0;
+      position: absolute;
+      top: 0;
+      width: 100%;
+      z-index: -1;
+      background-position: center;
+      background-size: cover;
+
+      @include media-large {
+        width: 33.333%;
+      }
+    }
+
+    &.field--name-field-cxo-text:before {
+      background-image: url('../images/cxo.jpg');
+
+      @include media-large {
+        left: 0;
+      }
+    }
+    &.field--name-field-dev-text:before {
+      background-image: url('../images/dev.jpg');
+
+      @include media-large {
+        left: 33.333%;
+      }
+    }
+    &.field--name-field-sprint-text:before {
+      background-image: url('../images/sprint.jpg');
+
+      @include media-large {
+        left: 66.666%;
+      }
+    }
+  }
+
+  p, h2 {
+    margin: 0;
+  }
+
+  h2 {
+    font-size: 5rem;
+    font-weight: 700;
+    line-height: 1;
+
+    @include media-large {
+      font-size: 3rem;
+    }
+
+    @include media-wide {
+      font-size: 5rem;
+    }
+  }
+
+  .schedule-day {
+    font-size: 2.5rem;
+    font-weight: bold;
+
+    @include media-large {
+      font-size: 2rem;
+    }
+
+    @include media-wide {
+      font-size: 2.5rem;
+    }
+  }
+
+  .schedule-location {
+    font-size: 1.6rem;
+    font-weight: 600;
+    padding-top: 2rem;
+
+    @include media-large {
+      font-size: 1.2rem;
+    }
+
+    @include media-wide {
+      font-size: 1.6rem;
+    }
+  }
+}

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

@@ -1,6 +1,6 @@
 .form-item > label {
   display: block;
-  font-weight: bold;
+  font-weight: 600;
 
   &.option {
     display: inline;

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

@@ -0,0 +1,3 @@
+.region-content-top {
+  overflow: hidden;
+}

web/themes/dcb2017/sass/style.scss

@@ -8,6 +8,7 @@
 @import 'layout/header';
 @import 'layout/featured';
 @import 'layout/content';
+@import 'layout/content-top';
 @import 'layout/footer';
 
 @import 'components/menus';